如何将两个模块注册到ng-app?

时间:2013-04-26 03:58:03

标签: angularjs

在我的应用程序中,我有两个模块,用于路由。这是它的代码

//模块1:

 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'});
}]);

单词数:

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模块或计算机模块。因此,我只能将一个模块数据加载到应用程序中。

所以请指导我,我如何在bootrap期间将模块注册到ng-app中,或者我还能以其他方式执行此操作。

1 个答案:

答案 0 :(得分:23)

您可以创建一个顶级模块,将两个模块作为注入依赖项:

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

然后在你的html使用中:ng-app="app"