從angularjs中的表達式調用函數

Question

從表達式調用函數還是不好編碼？

<div ng-controller="myCtrl"> 
    {{callFunction()}} 
</div> 

angular.controller('myCtrl', ['$scope', function($scope) { 
    $scope.callFunction = function() { 
    console.log('hello'); 
    } 
}); 

Answer 1

它不好的做法是從表達式調用一個函數，因爲當DOM加載時它會導致多個事件調用。這將在控制檯上多次打印「Hello」。

無論何時調用load，要觸發一次，您都要綁定該事件，您應該使用ng-init將其綁定。

<div ng-controller="myCtrl"> 
    <div ng-init="callFunction()"></div> 
</div>