Ben içine bir HTML pasajı dahil etmeye çalışıyorum ng-repeat
, ama çalışmak için dahil alınamıyor. Şu andaki sözdiziminin ng-include
öncekinden farklı olduğu anlaşılıyor:
<div ng-include src="path/file.html"></div>
Ancak resmi dokümanlarda ,
<div ng-include="path/file.html"></div>
Ama sonra sayfanın altında şu şekilde gösterilir:
<div ng-include src="path/file.html"></div>
Ne olursa olsun denedim
<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>
Snippet'im çok fazla kod değil, ama çok şey oluyor; Dinamik olarak yük şablonundang-repeat
sorun yaratabilecek şekilde okudum , bu yüzden içeriğini sidepanel.html
sadece kelime foo
ve hala hiçbir şeyle değiştirdim.
Ben de doğrudan böyle sayfada şablon ilan etmeye çalıştım:
<script type="text/ng-template" id="tmpl">
foo
</script>
Ve ng-include
senaryoyu referans almanın tüm varyasyonlarından geçiyor id
ve yine de hiçbir şey yok.
Sayfam çok daha fazla vardı, ama şimdi sadece bu sıyırma:
<!-- 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>
Üstbilgi oluşturulur, ancak şablonum görünmez. Konsolda veya Düğümden herhangi bir hata almıyorum ve geliştirici src="views/sidepanel.html"
araçlarındaki bağlantıyı tıklarsam, beni şablonuma (ve ekranlara foo
) götürür .