ng-include kompiluje do komentarza

Question

Mam aplikację kątową i chcę w szablonie dodać inne jako divy. ng-include wydawało się idealnym wyborem.

W main.html

<div id="page-wrapper"> 
<div ng-include src="'/partials/module.html'"></div> 
</div> 

W module.html

<div class="module"> 
<h1>Module</h1> 
</div> 

Wszystkie pliki żyją w partials-folderu w aplikacji.

Podczas uruchamiania tego, w miejscu w kodzie HTML, otrzymuję <!-- ngInclude: -->, a podstawianie elementów div w pliku main.html za pomocą obsługiwanego tagu ng-include kompiluje się do <!-- ngInclude: undefined -->.

Czy ktoś wie, jaki może być problem?

Answer 1

używać tylko src = „” przy użyciu ng obejmują jako element:

<ng-include src="'/partial.html'"></ng-include> 

Podczas korzystania ng obejmują jako atrybut, można umieścić częściową URL bezpośrednio w samej atrybut:

<div ng-include="'/partial.html'"></div> 

Zobaczdla dwóch przypadków użycia.

Answer 2

To musi być kwestia zakresu. Upewnij się, że obiekt $scope został poprawnie przekazany i nie zapomnij uwzględnić kontrolerów i usług związanych z częściowym na stronie głównej!

Answer 3

Po godzinach rozwiązałem go dla mnie, chodzi o używanie pojedynczych cudzysłowów między podwójnymi cudzysłowami.

<!--it will not work--> 
<ng-include src="views/header.html"></ng-include> 

<!--it will work :)--> 
<!--Difference is single quotes along with double quotes around src string--> 
<ng-include src="'views/header.html'"></ng-include>