angularjs – 如何注册两个模块到ng-app？

发布时间：2020-12-17 07:43:12 所属栏目：安全来源：网络整理

导读：在我的应用程序中,我有两个模块,用于路由.这是它的代码 //模块1： angular.module('phonecat',[]). config(['$routeProvider',function($routeProvider) { $routeProvider. when('/phones',{templateUrl: 'partials/phone-list.html',controller: PhoneListC

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

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

模块2：

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应用程序,在bootsrap或有任何其他方式我可以做到这一点.

您可以创建一个顶级模块,将两个模块作为注入的依赖关系：

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

然后在您的html中使用：ng-app =“app”

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!