javascript - ng-repeat 调用 Controller 函数太多次

Question

我有下一个代码(事件是数组):

<tr ng-repeat="event in events">
    <td>
        <span time-ago="{{event.TimestampSec}}"></span>
    </td>
    <td>
        {{prepareAlertValue(event.AlertValue)}}
    </td>
</tr>

很久以前 - 我的自定义指令。它执行 events.length 次。

我的 Controller :

...
window.callPrepareAlertValueCount = 0

$scope.prepareAlertValue = function(value) {
    window.callPrepareAlertValueCount++;
    if(safemineHelper.isFloat(value)) {
        value = (~~(value * 100)) / 100;
    }
    return value;
}
...

列表显示后 - 我看到 callPrepareAlertValueCount 增长。控制台日志:

 > callPrepareAlertValueCount
 < 41890
 > callPrepareAlertValueCount
 < 46150
 > callPrepareAlertValueCount
 < 480315

请有人解释为什么 prepareAlertValue 一直在执行。我是否需要为每个格式化程序函数编写指令？

Answer 1

这是正确的，无论你在 html 上绑定(bind)什么，它都会在 angular js 运行的每个摘要循环中被调用。

使用 {{::prepareAlertValue(event.AlertValue)}} 绑定(bind)一次指令，该指令将只执行一次该函数。

Note Bind Once only work for above Angular 1.3+