ng-if 在 angularJS 中的 ng-repeat 内答案

【问题标题】：ng-if inside ng-repeat in angularJSng-if 在 angularJS 中的 ng-repeat 内
【发布时间】：2014-12-24 06:25:58
【问题描述】：

我根据 ng-repeat 中的 if 条件呈现一个单独的 div。但它会抛出一个错误，说“语法错误：令牌'”的第 32 列的主表达式。 我该如何解决？

这是我的代码，

HTML：

  <div   id="main"  class="drop-container" ng-click="addEvent($event)" droppable>
    <div ng-controller="CustomWidgetCtrl"  style="margin: 20px; top: 50px; left: 80px; height: 300px; width: 500px; " ng-repeat="widget in dashboard.widgets" ng-style="{ 'left':widget.sizeX, 'top':widget.sizeY }"
    data-identifier="{{widget.id}}">
    <div class="box" >
        <div class="box-header" >
        <h3>{{ widget.name }}</h3>
    <div class="box-header-btns pull-right">
    <a title="settings" ng-click="openSettings(widget)"><i class="glyphicon glyphicon-cog"></i></a>
    <a title="Remove widget" ng-click="remove(widget)"><i class="glyphicon glyphicon-trash"></i></a>
    </div>
    </div>
    <div ng-if="widget.Type == 'Bar'>
      <body ng-controller="MainCtrl">  <div  data-ac-chart="'Bar'"  data-ac-data="data" data-ac-config="config"  class="chart">
      </div>
    </body>
    </div>
    </div>
    </div>
    </div>

【问题讨论】：

在 ng-if 条件下 'Bar' 之后应该有一个额外的引号。

标签： javascript angularjs angularjs-directive ng-repeat angular-ng-if

【解决方案1】：

存在语法错误，您在 ng-if 中缺少右双引号，因此它正在到达下一个 html 标记

<div ng-if="widget.Type == 'Bar'">

【讨论】：