Несколько модhive в Angularjs

Да, вы можете определить несколько модhive в angularJS, как указано ниже.

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

Однако не забудьте определить зависимость в каждом объявлении модуля, как показано ниже. Предположим, что myApp2 зависит от myApp. Следовательно, декларация будет чем-то подобным,

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

Модуляция в AngularJS помогает нам сохранять четкость кода и легко понять, поскольку мы можем комбинировать несколько модhive для создания приложения. Однако нам нужно иметь в виду, что мы должны модулировать компоненты на основе их функциональности не по их типам.

Только одно приложение AngularJS может автоматически загружаться в HTML-документ. Первый ngApp, найденный в документе, будет использоваться для определения корневого элемента для автоматической загрузки в качестве приложения. Чтобы запустить несколько приложений в документе HTML, вы должны вручную загрузить их с помощью углового.bootstrap. Приложения AngularJS не могут быть вложены друг в друга. – 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-приложение, но объедините 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"

Я думаю, что он запутал модуль с ngApp, поскольку на странице есть только одно приложение (ng-app) и что представление приложения (ngView или ) может существовать только один раз. Но, как указано в предыдущих ответах, вы можете создавать столько модhive, сколько хотите, и вводить их в качестве зависимостей в свой «основной» модуль приложения. Обычно я делаю это для разделения моих директив, фильтров, controllerов и т. Д. В своих собственных модулях.

Редактировать:

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

Конечно вы можете. Просто используйте angular.module('moduleName', [/* dependencies */]) столько раз, сколько # ваших модhive, которые вы хотите создать.

Чтобы получить ссылку на ранее определенный модуль, просто выполните: var myModule = angular.module('moduleName'); а затем myModule.controller(...) , myModule.config() , myModule.constant() и т. д.

Предлагаемый макет проекта (см. Угловое семя) имеет модуль для вашего приложения, затем другой для ваших controllerов, другой для ваших услуг, другой для ваших фильтров и еще один для ваших директив. Конечно, это просто предложение . Другие предлагают альтернативные макеты .

что вы имеете в виду под несколькими модулями? вы можете ввести модуль в другой модуль

 angular.module(name[ anotherModule]);