angular.js - angular多个controller的问题

Question

看到这种写法

//app.js
angular.module('app',['app.controllers']);

//FirstController.js
angular.module('app.controllers').controller('firstCtrl',function($scope){...})

//SecondController.js
angular.module('app.controllers').controller('SecondCtrl',function($scope){...})    

但是我这么写缺报 firstCtrl 和 SecondCtrl 不是一个方法，刚开始学习angular，求帮助

Answer 1

Il est recommandé d'écrire ainsi

angular
    //app.js
    .module('app',[])//这个'[]'用来创建依赖

    //FirstController.js
angular
    .module('app')//这个后面没有'[]'，表面继续用之前创建的[]依赖
    .controller('firstCtrl',['$scope',function($scope){//这里用[]来规范写法，防止压缩文件后看不懂形参
        ...
    }])

    //SecondController.js
angular
    .module('app')//同上
    .controller('SecondCtrl',['$scope',function($scope){
        ...
    }])

Answer 2

angular.module('app.controllers').controller('firstCtrl',function($scope){...})

La prémisse de cette déclaration est que vous disposez d'une vue dont ng-app est app.controllers.
Le premier paramètre de la fonction du module est la valeur de ng-app.
La fonction du contrôleur est de définir un contrôleur sous le module.

Answer 3

angular.module('app.controllers',[]).
Notez ici que lorsqu'un module est défini pour la première fois, vous devez remplir les dépendances. S'il n'y a pas de dépendances, vous devez remplir le tableau vide. Si vous référencez le même module ailleurs ultérieurement, il n'est pas nécessaire de renseigner les dépendances.

Lorsque vous avez défini les deux contrôleurs ici, les dépendances n'ont pas été renseignées. Elles doivent être modifiées comme suit.

angular.module('app.controllers',[]).controller('firstCtrl',function($scope){...})
angular.module('app.controllers') .controller('SecondCtrl',function($scope){...})

Remarque : différentes dépendances généreront différentes instances, veuillez donc noter qu'une fois la définition terminée, vous ne devez pas remplir à nouveau les dépendances la prochaine fois que vous y ferez référence, sinon la définition associée précédente ne sera pas valide. c'est difficile à résoudre.

Pour les questions sur le style angulaire, il est recommandé de se référer au master https://github.com/johnpapa/angular-styleguide