ng-if在angularJS中的ng-repeat中

Question

I am presenting a separate div based on if condition inside ng-repeat. 我根据ng-repeat中的if条件提出一个单独的div。 but it throws an error saying " Syntax Error: Token '<' not a primary expression at column 32 of the expression [widget.Type == 'Bar'>". 但会引发错误，提示“ 语法错误：令牌'<'不是表达式[widget.Type =='Bar'>的第32列的主表达式”。 How can i fix it? 我该如何解决？

here is my code, 这是我的代码，

HTML: 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>

Answer 1

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

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

ng-if在angularJS中的ng-repeat中

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-12-24 06:29:46

ng-if在angularJS中的ng-repeat中

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-12-24 06:29:46

解决方案1
2 已采纳 2014-12-24 06:29:46