Qual é a syntax correta de ng-include?

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