Estou tentando include um fragment de HTML dentro de uma ng-repeat
, mas não consigo fazer com que a inclusão funcione. Parece que a syntax atual de ng-include
é diferente do que era anteriormente: vejo muitos exemplos usando
Mas nos documentos oficiais , diz usar
Mas depois na página é mostrado como
Independentemente disso, eu tentei
Meu trecho não é muito código, mas tem muita coisa acontecendo; Eu li em dinamicamente carregar modelo dentro ng-repeat
que isso poderia causar um problema, então eu substituí o conteúdo de sidepanel.html
com apenas a palavra foo
e ainda nada.
Eu também tentei declarar o modelo diretamente na página assim:
foo
E percorrendo todas as variações do ng-include
referenciando o id
do script, e ainda nada.
Minha página tinha muito mais, mas agora eu reduzi a isso apenas a isso:
Blah
O header é processado, mas o meu modelo não. Eu não recebo nenhum erro no console ou no Node, e se eu clicar no link em src="views/sidepanel.html"
em ferramentas de desenvolvimento, ele me leva ao meu modelo (e exibe foo
).
Você tem que citar apenas sua string src
dentro das aspas duplas:
Fonte
OU
OU
Pontos para lembrar:
-> Sem espaços no src
-> Lembre-se de usar a citação simples em citação dupla para src
Para esses problemas, é importante saber que ng-include requer que o caminho do URL seja do diretório raiz do aplicativo e não do mesmo diretório onde o partial.html reside. (enquanto partial.html é o arquivo de visão que a tag de marcação in-line ng-include pode ser encontrada).
Por exemplo:
Corrigir: div ng-include src = “‘/views/partials/tabSlides/add-more.html'”>
Incorreto: div ng-include src = “‘add-more.html'”>
Para aqueles que estão procurando a solução de “item renderer” mais curta possível de uma parcial, então uma combinação de ng-repeat e ng-include :
Na verdade, se você usá-lo assim para um repetidor, ele funcionará, mas não para 2 deles! Angular (v1.2.16) vai surtar por algum motivo, se você tem 2 destes um após o outro, por isso é mais seguro para fechar o div a forma pré-xhtml:
Talvez isso ajude para iniciantes
Isso funcionou para mim:
ng-include src="'views/templates/drivingskills.html'"
div completa:
tente isso