javascript - Controller 中的 Angular 构造函数

Question

我尝试过，但没有成功:

app.controller('PageLayoutController', function ($scope)
{
    // Scope properties
    $scope.PageMap = {};

    // Constructor
    function PageLayoutController() {
        alert( "contructing" );
    }

    return PageLayoutController;
});

我正在寻找一种默认或流行的方式来定义这些 Angular Controller 的构造。

我知道我可以创建一个名为 Construct 的函数，然后先调用它，但我想知道是否有官方的方法来做到这一点？

Answer 1

我假设您可能想在 Controller 实例化期间调用定义的函数。如果这是要求，您可以遵循以下语法。

    angular.module('myApp', [])
    .controller('PageLayoutController', '$scope', function($scope) {
       // Scope properties
       $scope.PageMap = {};

       $scope.PageLayoutController = function() {
          // Do stuffs here
       };

      // Call the function when the Controller get first invoked
      $scope.PageLayoutController();
    });

您还可以监听 $routeChangeStart 事件并调用该函数。

$scope.$on('$routeChangeStart', function(next, current) { 
   ... you could trigger something here ...
 });

您还可以使用以下任何事件。

• $routeChangeSuccess
• $routeChangeError