我将根据 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/