从angularjs中的表达式调用函数

Question

从表达式中调用函数还是编码错误可以吗？

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

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

Answer 1

从表达式调用函数是不好的做法，因为当DOM加载时会导致多个事件调用。这将打印＆＃34;你好＆＃34;在控制台上不止一次。

您在调用load时绑定事件，触发一次，您应该使用ng-init绑定它。

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