15

私のアプリケーションには、ルーティングに使用される 2 つのモジュールがあります。これがそのコードです

//モジュール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">

しかし、上記のコードでは、一度に登録できるモジュールは 1 つだけです。つまり、phoneCat モジュールまたはコンピューター モジュールです。このため、1 つのモジュール データしかアプリケーションにロードできません。

ですから、ブートストラップ中に両方のモジュールをng-appに登録するにはどうすればよいですか、またはこれを行うことができる他の方法はありますか。

4

1 に答える 1

23

注入された依存関係として 2 つのモジュールを持つ最上位モジュールを作成できます。

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

そして、あなたのhtmlの使用で：ng-app="app"

于 2013-04-26T04:32:30.330 に答える