javascript - 在 angularjs 中，为什么 ng-click 元素也会触发元素属性中的其他方法调用？

Question

我正在学习 angularJS，并试图理解为什么在实际调用一个时会调用多个方法。在这一行内：

<li  ng-repeat="i in names" style="position: relative; top:{{mar(i)}}px; z-index:{{i}}; background-color: orange;" ng-click="clicker(i, $index)">{{i + " " + $index}}</li>

所以我在这一行有两个“电话”：

1. 在样式属性中 - 这会计算顶部偏移量。
2. ng-click= 单击元素时我的功能。

当我单击元素时 - mar(i) 与 ng-click 函数一起被调用。

我只是想了解为什么会发生这种情况。我这里有一个 plunk，你可以试试。

Answer 1

这是因为您绑定到您所说的方法{{mar(i)}}.. 这意味着每次有 $digest 时，例如在触发 ng-click 之后，必须评估该方法以便可以更新视图.