Làm thế nào để làm tổ ng-view bên trong ng-include?

Question

Khi cố gắng thêm ng-view bên trong một ng-include, không có gì xảy ra. ví dụ. trong đoạn mã sau, khi themes/đêm/index.html giữ một ng-view, không xem được hiển thị:

<ng-include src="'themes/midnight/index.html'"></ng-include> 

Tuy nhiên, nếu tôi sử dụng mã dưới đây, quan điểm hiển thị hai lần:

<ng-include src="'themes/midnight/index.html'"></ng-include> 
<div ng-view></div> 

Vấn đề là gì và tôi có thể giải quyết vấn đề đó như thế nào?

Answer 1

Sự cố này xảy ra do sự khởi tạo bị trì hoãn ng-view (đi qua ng-include). Trong trường hợp này, việc khởi tạo $route cũng bị trì hoãn và $route sẽ bỏ lỡ sự kiện thay đổi vị trí (và định tuyến sẽ không được thực hiện).

Để bỏ qua điều này, gọi hàm $route cập nhật về khởi tạo ứng dụng:

yourApp.run(['$route', function($route) { 
    $route.reload(); 
}]); 

Hơn nữa, nó là đủ để chỉ bao gồm $route như một sự phụ thuộc. Điều này sẽ làm việc, quá:

yourApp.run(['$route', angular.noop]); 

_{Nguồn: sự liên quan issue on github.}

---

Ngoài ra kiểm tra ui-router, mà được thiết kế để đối phó cụ thể với các vấn đề quan điểm lồng nhau.