为什么一次性绑定被调用两次?
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.foo = function() {
console.log('foo');
return 'foo';
}
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<span ng-bind="::foo()"></span>
</div>
</body>
</html>
常规绑定也是如此(在第一次摘要期间(。
这是角核心中的一个问题,请阅读这篇文章,他们对这个问题进行了详细的讨论,他们已经解释了一次性绑定不是我们思考的方式,表达式计算可以多次调用。
绑定函数将在每次摘要时调用,即使它是一次性绑定。如果你想避免这种情况,那么使用 NgInit 调用函数一次。
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.foo = function() {
console.log('foo');
return 'foo';
}
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<span ng-init="::foo()"></span>
</div>
</body>
</html>