javascript - AngularJS 中的 ng-if 位于 ng-repeat 内

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

我将根据 ng-repeat 内的 if 条件呈现一个单独的 div。但它会抛出一个错误,指出“语法错误:标记 '<' 不是表达式 [widget.Type == 'Bar'> 第 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 中缺少右双引号,因此它到达下一个 html 标记

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

关于javascript - AngularJS 中的 ng-if 位于 ng-repeat 内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27632489/

相关文章:

javascript - 使用jquery ajax,数据类型:html and I need to get part of coming data

javascript - 在 Wordpress 插件中包含 jQuery

javascript - 在 Angular 工厂中组合 $resource 和非 $resource 方法

javascript - 指令隔离范围不能与嵌套 View 一起正常工作? (AngularJS/UI 路由器)

javascript - Angular Directive(指令) : whats the difference between scope in controller vs scope in link function?

javascript - 如何将文件夹中的所有文件作为模块导入并将所有文件导出为对象?

JavaScript/Angular 1 - Promise.all 到异步等待

javascript - 记录列表的 TypeScript 数据类型

angularjs - 如果用户登录 AngularJS,则重定向索引页面

javascript - 具有隔离范围的指令内的 Angular 形式