Как зарегистрировать два модуля в ng-app?

В моем приложении у меня есть два модуля, которые используются для маршрутизации. Вот его код

//Module1:

 angular.module('phonecat', []).
  config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/phones', {templateUrl: 'partials/phone-list.html',   controller: PhoneListCtrl}).
      when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
      otherwise({redirectTo: '/phones'});
}]);

Module2:

angular.module("computer",[]).config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/test',{templateUrl:'mypath/my-list.html',controller:ComputerListCtrl});
}]);

В соответствии с документом angularJS я должен зарегистрировать эти модули в ng-app, например

<html lang="en" ng-app="phonecat">

Но в приведенном выше коде я могу зарегистрировать только один модуль, т.е. PhoneCat moudle или компьютерный модуль. Из-за этого я могу загружать только одно данные модуля в приложение.

Итак, пожалуйста, помогите мне, как я могу зарегистрировать оба модуля в ng-app, во время загрузки или есть ли другой способ, которым я могу это сделать.

Ответы

Ответ 1

Вы можете создать модуль верхнего уровня, который будет иметь ваши два модуля в качестве вложенных зависимостей:

var app = angular.module('app', ['phonecat', 'computer']);

а затем в вашем приложении html: ng-app="app"