需要角度直接负载的解释

Question

我只是想了解为什么在下面的jsFiddle'这里是一个lo'被打印三次。

http://jsfiddle.net/wg385a1h/5/

$scope.getLog = function() { 
    console.log('here is a log'); 
} 

有人能解释我为什么？我应该更改为只有一个日志“这里是一个日志”（这就是我想要这个小提琴）。非常感谢。

Answer 1

Angular使用摘要周期/迭代来确定状态何时发生变化并需要更新UI。如果它在其中一个周期中发现任何变化，它将继续重新运行循环，直到数据稳定。如果完成了10个周期并且数据仍在变化，那么您将看到一条相当知道的消息：“angularjs 10迭代到达，中止”。

因此，您看到消息显示3次的事实是因为您有一个简单的界面。实际上，由于您的指令使用{{getLog（）}}，因此您可以在日志中获得更多此类消息。 Angular不断评估表达式，看看它是否发生了变化。

为了避免出现这样的问题，在正常情况下，应该只将您希望调用的函数返回的值存储在控制器内的$ scope对象中，并在UI中使用该变量（而不是函数调用）。

因此，在控制器中你有$ scope.log = getLog（）[假设它返回一些东西，而不只是写入控制台]，并在指令中使用模板{{log}}。这样，每个控制器实例只能获取一次该值。

希望我清楚了。