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

이렇게 쓰는 걸 추천드려요

으아악

Answer 2

으아악

이 설명의 전제는 ng-app이 app.controllers인 뷰가 있다는 것입니다.
모듈 함수의 첫 번째 매개변수는 ng-app의 값입니다.
컨트롤러 기능은 모듈 아래에 컨트롤러를 정의하는 것입니다.

Answer 3

angular.module('app.controllers',[]).
여기서 모듈을 처음 정의할 때 종속성을 채워야 합니다. 종속성이 없으면 빈 배열을 채워야 합니다. 나중에 다른 곳에서 동일한 모듈을 참조하는 경우 종속성을 채울 필요가 없습니다.

여기서 두 개의 컨트롤러를 정의하면 종속성이 채워지지 않습니다. 다음과 같이 변경해야 합니다.

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

참고: 종속성에 따라 다른 인스턴스가 생성되므로 정의가 완료된 후 다음에 참조할 때 종속성을 다시 입력하면 안 됩니다. 그렇지 않으면 이전 관련 정의가 유효하지 않게 되는 버그입니다. 문제를 해결하기가 어렵습니다.

Angular 스타일에 대한 질문은 마스터 https://github.com/johnpapa/angular-styleguide

를 참조하는 것이 좋습니다.