Tôi đang cố gắng bao gồm một đoạn mã HTML bên trong một ng-repeat, nhưng tôi không thể làm cho bao gồm hoạt động. Có vẻ như cú pháp hiện tại ng-includekhác với những gì trước đây: Tôi thấy nhiều ví dụ sử dụng
<div ng-include src="path/file.html"></div>Nhưng trong các tài liệu chính thức , nó nói để sử dụng
<div ng-include="path/file.html"></div>Nhưng sau đó xuống trang nó được hiển thị là
<div ng-include src="path/file.html"></div>Bất kể, tôi đã cố gắng
<div ng-include="views/sidepanel.html"></div><div ng-include src="views/sidepanel.html"></div><ng-include src="views/sidepanel.html"></ng-include><ng-include="views/sidepanel.html"></ng-include><ng:include src="views/sidepanel.html"></ng:include>Đoạn mã của tôi không có nhiều mã, nhưng nó đã xảy ra rất nhiều; Tôi đọc trong Mẫu tải động bên trongng-repeat có thể gây ra sự cố, vì vậy tôi đã thay thế nội dung sidepanel.htmlchỉ bằng từ foovà vẫn không có gì.
Tôi cũng đã thử khai báo mẫu trực tiếp trong trang như thế này:
<script type="text/ng-template" id="tmpl">
foo
</script>
Và chạy qua tất cả các biến thể của việc ng-includetham chiếu kịch bản id, và vẫn không có gì.
Trang của tôi có nhiều hơn trong đó, nhưng bây giờ tôi đã gỡ nó xuống chỉ còn này:
<!-- index.html -->
<html>
<head>
<!-- angular includes -->
</head>
<body ng-view="views/main.html"> <!-- view is actually set in the router -->
<!-- views/main.html -->
<header>
<h2>Blah</h2>
</header>
<article id="sidepanel">
<section class="panel"> <!-- will have ng-repeat="panel in panels" -->
<div ng-include src="views/sidepanel.html"></div>
</section>
</article>
<!-- index.html -->
</body>
</html>
Tiêu đề hiển thị, nhưng sau đó mẫu của tôi không. Tôi không gặp lỗi trong bảng điều khiển hoặc từ Node và nếu tôi nhấp vào liên kết trong src="views/sidepanel.html"các công cụ dev, nó sẽ đưa tôi đến mẫu của tôi (và hiển thị foo).