2013-04-26 12 views
13

Nella mia applicazione ho due moduli, che vengono utilizzati per il routing. Ecco il codice di essoCome registrare due moduli su 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}); 
}]); 

Come da documento angularJS, devo registrare questi moduli in ng-app, come questo

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

Ma nel codice di cui sopra, in un momento in cui posso registrare solo un modulo, cioè PhoneCat moudle o modulo computer. Per questo motivo, sono in grado di caricare solo i dati di un modulo nell'applicazione.

Quindi, per favore guidami, come posso registrare entrambi i moduli in ng-app, durante il boot o c'è altro modo in cui posso farlo.

+4

'angular.module ('app', [' phonecat ',' computer ']) ' – Tosh

+0

Grazie, ha funzionato – niran

risposta

22

È possibile creare un modulo superiore livello che avrà i tuoi due moduli come dipendenze iniettate:

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

e poi nel vostro uso html: ng-app="app"

Problemi correlati