Angularjs의 다중 모듈

Angularjs의 다중 모듈

Angular Script에서 여러 모듈을 작성할 수 있습니까?나는 그 문서를 검토했고 그것이 일종의 주요 방법 개념이라는 것을 알게 되었다.

나는 이것을 입증하기 위해 예가 필요하다.

예, 여러 모듈을 각도로 정의할 수 있습니다.JS는 다음과 같습니다.

var myApp = angular.module('myApp', [])
var myApp2 = angular.module('myApp2', [])

단, 각 모듈 선언 시 다음과 같이 종속성을 정의하는 것을 잊지 마십시오.myApp2가 myApp에 의존한다고 가정해 보겠습니다.따라서 선언문은 다음과 같습니다.

var myApp = angular.module('myApp', [])
var myApp2 = angular.module('myApp2', ['myApp'])

Angular의 모듈화JS는 여러 모듈을 결합하여 애플리케이션을 생성할 수 있기 때문에 코드를 명확하게 하고 이해하기 쉽게 합니다.다만, 컴포넌트의 타입이 아닌 기능에 근거해 모듈화 할 필요가 있습니다.

한 개의 각도만JS 응용프로그램은 HTML 문서별로 자동 부트스트랩할 수 있습니다.문서에서 발견된 첫 번째 ngApp은 응용 프로그램으로 자동 부트스트랩할 루트 요소를 정의하는 데 사용됩니다.HTML 문서에서 여러 응용프로그램을 실행하려면 angular를 사용하여 수동으로 부트스트랩해야 합니다.대신 부트스트랩을 사용합니다.각진JS 응용 프로그램은 서로 중첩할 수 없습니다. -- http://docs.angularjs.org/api/ng.directive:ngApp 관련 항목

https://groups.google.com/d/msg/angular/lhbrIG5aBX4/4hYnzq2eGZwJ http://docs.angularjs.org/api/angular.bootstrap

ng-app은 1개만 사용할 수 있지만 다음과 같이 2개의 모듈을 조합할 수 있습니다.

var moduleA = angular.module("MyModuleA", []);
moduleA.controller("MyControllerA", function($scope) {
  $scope.name = "Bob A";
});

var moduleB = angular.module("MyModuleB", []);
moduleB.controller("MyControllerB", function($scope) {
  $scope.name = "Steve B";
});

angular.module("CombineModule", ["MyModuleA", "MyModuleB"]);

그리고 나서.ng-app="CombineModule"

물론 할 수 있죠.그냥 사용하다angular.module('moduleName', [/* dependencies */])생성할 모듈 수만큼을 지정합니다.

이전에 정의한 모듈에 대한 참조를 얻으려면 다음 절차를 수행합니다.var myModule = angular.module('moduleName');그리고 나서.myModule.controller(...),myModule.config(),myModule.constant()기타.

제안된 프로젝트 레이아웃(Angular Seed 참조)에는 앱용 모듈, 컨트롤러용 모듈, 서비스용 모듈, 필터용 모듈, 지침용 모듈이 있습니다.물론 이것은 단지 제안일 뿐이다.다른 사람들은 대체 레이아웃을 제안합니다.

그는 한 페이지에 하나의 애플리케이션(ng-app)이 있고, 앱의 뷰(ngView 또는 <ng-view>)도 1회밖에 존재하지 않는다는 점에서 모듈을 ngApp과 혼동하고 있다고 생각합니다.그러나 이전 답변에서 설명한 바와 같이 원하는 수만큼 모듈을 생성하여 "메인" 애플리케이션 모듈에 의존관계로 삽입할 수 있습니다.저는 보통 디렉티브, 필터, 컨트롤러 등을 자체 모듈로 분리하기 위해 이 작업을 수행합니다.

편집:

ngApp - http://code.angularjs.org/1.1.5/docs/api/ng.directive:ngApp

다중 모듈이라니 무슨 뜻이에요?모듈을 다른 모듈에 삽입할 수 있습니다.

angular.module(name[ anotherModule]);

언급URL : https://stackoverflow.com/questions/18512434/multiple-module-in-angularjs