angularjs - 如何设置 Angularjs Controller ？匿名函数 vs $scope.init() vs View ng-init

Question

假设我们有一个 Controller :ProjectsNewCtrl

有什么区别:

在没有 init() 函数的情况下设置 Controller

App.controller('ProjectsNewCtrl', ['$scope', '$location', 'API'
  function ($scope, $location, API) {
    API.Project.query().$promise
      .then(function (projects) {
        $scope.projects = projects
      })
  }])

并且

使用 init() 函数设置 Controller

App.controller('ProjectsNewCtrl', ['$scope', '$location', 'API'
  function ($scope, $location, API) {
    $scope.init = function(){
      API.Project.query().$promise
        .then(function (projects) {
          $scope.projects = projects
        })
      }
    $scope.init()

  }])

最后:

通过以下方式设置 Controller :

<div ng-controller="projectsNewCtrl" ng-init="init()">...</div>

App.controller('ProjectsNewCtrl', ['$scope', '$location', 'API'
  function ($scope, $location, API) {
    $scope.init = function(){
      API.Project.query().$promise
        .then(function (projects) {
          $scope.projects = projects
        })
      }

  }])

Answer 1

您没有真正的理由要以这种方式使用ngInit。在第二个示例中，您正在调用函数(ngInit)来调用函数($scope.init)，而不是第一个示例中仅调用一个函数初始化。逻辑可能是相同的，但它增加了不必要的复杂性。

顺便说一句，您应该尽可能少地不使用 ngInit，来自 documentation :

The only appropriate use of ngInit is for aliasing special properties of ngRepeat, as seen in the demo below. Besides this case, you should use controllers rather than ngInit to initialize values on a scope.