2013-04-26 11 views
13

Trong ứng dụng của tôi, tôi có hai mô-đun, được sử dụng để định tuyến. Đây là mã của nóLàm thế nào để đăng ký hai mô-đun để 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}); 
}]); 

Theo tài liệu angularJS, tôi phải đăng ký các module vào ng-app, như thế này

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

Nhưng trong đoạn mã trên, tại một thời điểm tôi chỉ có thể đăng ký một mô-đun, đó là, điện thoại mat moudle hoặc mô-đun máy tính. Bởi vì điều này, tôi chỉ có thể tải một dữ liệu mô-đun vào ứng dụng.

Vì vậy, hãy hướng dẫn tôi, làm cách nào tôi có thể đăng ký cả mô-đun vào ứng dụng ng, trong khi khởi động hoặc có cách nào khác để tôi có thể thực hiện việc này.

+4

'angular.module ('ứng dụng', [' phonecat ',' computer ']) ' – Tosh

+0

Cảm ơn, nó đã hoạt động – niran

Trả lời

22

Bạn có thể tạo một mô-đun cấp cao nhất mà sẽ có hai mô-đun của bạn càng phụ thuộc tiêm:

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

và sau đó sử dụng html của bạn: ng-app="app"

Các vấn đề liên quan