Angularjs 一次绑定被称为两次



为什么一次性绑定被调用两次?

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>

最新更新