根据数据库中的数据,使用AngularJS在表中显示图标?
我试图根据数据库中的数据在表中显示图标。我有一个函数,它调用一个查询并返回一个布尔值(如果数据存在),如果它确实存在,我希望在表上显示一个图标。我遇到的问题是,当我调用该函数时,该函数被无限次执行,我不确定为什么会发生这种情况。任何帮助都将不胜感激 这是将显示图标的表格:根据数据库中的数据,使用AngularJS在表中显示图标?,angularjs,Angularjs,我试图根据数据库中的数据在表中显示图标。我有一个函数,它调用一个查询并返回一个布尔值(如果数据存在),如果它确实存在,我希望在表上显示一个图标。我遇到的问题是,当我调用该函数时,该函数被无限次执行,我不确定为什么会发生这种情况。任何帮助都将不胜感激 这是将显示图标的表格: <table class="table table striped"> <thead> <tr> <th> ... </th> &
<table class="table table striped">
<thead>
<tr>
<th> ... </th>
<th> Exists? </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in myList">
<td> ... </td>
<td>
<i ng-show="callFunctionThatReturnsBoolean(item)" class="glyphicon glyphicon-thumbs-up" aria-hidden="true">
</i>
</td>
</tr>
</tbody>
</table>
...
存在?
...
问题在于,ng show
不应绑定到函数调用,因为它在每个摘要周期中调用您的函数:
但我想最好的方法是在最终版本中从后端发回模型,不要对某些列表元素进行这样的查询。您可以使用
ng show
。当基于数据的ng显示条件满足时,则显示图标,否则不显示
我已经根据您的要求编写了一小段代码
鉴于,
<td>
<span ng-show='item.flag'><i class="glyphicon glyphicon-user"></i></span>
{{item.flag}}
</td>
{{item.flag}
更新:
更新了plunker以使用ng show
的方法
工作谢谢@Che!这并没有清楚地回答我的问题,为什么函数调用会被无限次调用,但它让我找到了一个不同的解决方案,完成了任务:)根据上面的代码,我们没有关于此方法调用函数返回oolean(item)
的任何细节。所以我写了一个演示来演示如何隐藏/显示图标。