HTMLスニペットを内に含めようとしてng-repeat
いますが、インクルードを機能させることができません。の現在の構文ng-include
は以前のものとは異なるようです:私は多くの例を使用して
<div ng-include src="path/file.html"></div>
しかし、公式ドキュメントでは、それを使用するように言います
<div ng-include="path/file.html"></div>
しかし、ページの下には次のように表示されます
<div ng-include src="path/file.html"></div>
とにかく、私は試しました
<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>
私のスニペットはあまりコードではありませんが、多くのことが起こっています。問題の原因となる可能性のあるテンプレートng-repeat
を動的に読み込むテンプレートを読み込んだので、のコンテンツsidepanel.html
をのみという単語に置き換えましたがfoo
、まだ何もありません。
また、次のようにページでテンプレートを直接宣言してみました。
<script type="text/ng-template" id="tmpl">
foo
</script>
そしてng-include
、スクリプトのを参照するすべてのバリエーションを実行しても、id
何も実行されません。
私のページにはもっと多くのものが含まれていましたが、今ではこれだけに減らしています:
<!-- 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>
ヘッダーはレンダリングされますが、私のテンプレートはレンダリングされません。コンソールまたはノードからエラーは発生しません。src="views/sidepanel.html"
開発ツールでリンクをクリックすると、テンプレートに移動します(そしてが表示されますfoo
)。