在我的应用程序中,我有两个模块,用于路由。这是它的代码
//模块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中,或者我还能以其他方式执行此操作。
答案 0 :(得分:23)
您可以创建一个顶级模块,将两个模块作为注入依赖项:
var app = angular.module('app', ['phonecat', 'computer']);
然后在你的html使用中:ng-app="app"