Question

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

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>

同样适用于常规绑定（在第一次摘要期间）。

Answer 1

这是角度核心的一个问题，阅读this帖子，他们对这个问题进行了详细的讨论。他们解释了一次时间绑定不是我们想的方式，表达式评估可以被多次调用。 / p>

Answer 2

即使是一次性绑定，也会在每个摘要中调用绑定函数。如果你想避免这种情况，那么使用NgInit调用一次函数。

＆＃13;

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    $scope.foo = function() {
        console.log('foo'); 
        return 'foo';
    }
});

＆＃13;

<!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>

＆＃13;

Angularjs一次性绑定被调用两次

2 个答案: