biên dịch ng-bao gồm một nhận xét

Question

Tôi có một ứng dụng góc cạnh và muốn trong một mẫu, hãy thêm khác dưới dạng div. ng-include dường như là một lựa chọn hoàn hảo.

Trong main.html

<div id="page-wrapper"> 
<div ng-include src="'/partials/module.html'"></div> 
</div> 

Trong module.html

<div class="module"> 
<h1>Module</h1> 
</div> 

Tất cả các file sống trong partials thư mục trong ứng dụng.

Khi chạy mã này, tại vị trí trong mã html, tôi nhận được <!-- ngInclude: --> và thay thế các div trong main.html bằng thẻ ng-include cũng được hỗ trợ, nó biên dịch thành <!-- ngInclude: undefined -->.

Có ai biết vấn đề có thể là gì không?

Answer 1

Bạn chỉ sử dụng src = "" khi sử dụng ng-bao gồm như một yếu tố:

<ng-include src="'/partial.html'"></ng-include> 

Khi sử dụng ng-bao gồm như một thuộc tính, bạn đặt các phần URL đúng trong các thuộc tính riêng của mình:

<div ng-include="'/partial.html'"></div> 

Xem https://docs.angularjs.org/api/ng/directive/ngInclude cho hai trường hợp sử dụng.

Answer 2

Nó phải là vấn đề phạm vi. Đảm bảo đối tượng $scope được truyền chính xác và đừng quên bao gồm các bộ điều khiển và dịch vụ liên quan đến một phần trong trang chính của bạn!

Answer 3

Sau nhiều giờ tôi đã giải quyết nó cho tôi, đó là tất cả về việc sử dụng dấu nháy đơn sử dụng giữa dấu ngoặc kép.

<!--it will not work--> 
<ng-include src="views/header.html"></ng-include> 

<!--it will work :)--> 
<!--Difference is single quotes along with double quotes around src string--> 
<ng-include src="'views/header.html'"></ng-include>