Angularjs - 自动调用方法获取潜在变量

Question

我注意到，只要底层$ scope变量发生变化，方法就会自动调用。

$scope.getLength = function() { 
return $scope.length; 
} 

我的HTML看起来像下面

<div class="test">{{getLength}}</div> 

每当我改变$ scope.length，该方法更新UI上的价值。我知道由于Angular中的MVVM绑定，变量得到更新。为什么一个方法被调用？

Answer 1

这是一个绑定也是这种情况;只是一个绑定到一个函数。 AngularJS在遍历摘要循环时更新所有绑定的元素。

Answer 2

无论这个$ scope.length是否改变或其他任何范围变量，Angular在每次范围变化时都会调用这些绑定函数。

但要小心将太多的函数绑定到这个范围内... console.log在函数中的一些东西，你会看到。

工作在企业angularjs应用程序，大范围内的绑定函数可以花费5％的CPU电源调用包含大计算的绑定函数。