angular.bootstrap để chạy nhiều ứng dụng góc

Question

Điều này là không một câu hỏi Twitter Bootstrap ...

Tôi có một trường hợp sử dụng mà đòi hỏi việc tải các ứng dụng góc riêng biệt.

Dựa trên một số câu hỏi tràn ngăn xếp và this google thread, có thể thực hiện được. Tuy nhiên, tôi không thể làm cho nó hoạt động được.

Nhìn vào tài liệu:

http://docs.angularjs.org/api/angular.bootstrap

Có vẻ như bạn cần phải cung cấp các yếu tố (? Làm thế nào để có được một tay cầm trên phần tử), và sau đó làm thế nào để buộc nó trở lại cấu hình, bộ điều khiển , v.v. Và làm thế nào điều này sẽ làm việc với các tuyến đường? Có vẻ như nếu một ứng dụng sử dụng khác và ứng dụng khác sử dụng cách khác, thứ hai sẽ chỉ ghi đè lên ứng dụng đầu tiên?

Cảm ơn!

Answer 1

để lấy tài liệu tham khảo để ứng dụng của bạn (s), bạn có thể làm một cái gì đó dọc theo dòng:

var first = document.getElementById('firstapp-id'); 
var second = document.getElementById('secondapp-id'); 

angular.bootstrap(angular.element(first), ['firstapp']); 
angular.bootstrap(angular.element(second), ['secondapp']); 

nơi 'firstapp' và 'secondapp' là tên mô-đun/app, và 'firstapp-id' và 'secondapp-id' là id của div vùng chứa cho mỗi ứng dụng (hoặc phần tử DOM yêu thích của bạn). chỉ cần xác định ứng dụng của bạn theo cách thông thường:

var firstapp = angular.module('firstapp', []); 
var secondapp = angular.module('secondapp', []);