Estou tentando incluir um snippet HTML dentro de um ng-repeat
, mas não consigo fazer com que o include funcione. Parece que a sintaxe atual de ng-include
é diferente do que era anteriormente: vejo muitos exemplos usando
<div ng-include src="path/file.html"></div>
Mas nos documentos oficiais , ele diz para usar
<div ng-include="path/file.html"></div>
Mas, abaixo da página , é mostrado como
<div ng-include src="path/file.html"></div>
Independentemente disso, eu tentei
<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>
Meu snippet não é muito código, mas tem muita coisa acontecendo; Eu li no modelo de carregamento dinamicamente dentro deleng-repeat
que poderia causar um problema, então substituí o conteúdo sidepanel.html
por apenas a palavra foo
e ainda nada.
Eu também tentei declarar o modelo diretamente na página assim:
<script type="text/ng-template" id="tmpl">
foo
</script>
E percorrendo todas as variações de ng-include
referência aos scripts id
, e ainda nada.
Minha página tinha muito mais, mas agora a reduzi a isso:
<!-- 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>
O cabeçalho é renderizado, mas meu modelo não. Não recebo erros no console ou no Node e, se clicar no link nas src="views/sidepanel.html"
ferramentas de desenvolvimento, ele será levado ao meu modelo (e exibições foo
).