Ng-include компилирует комментарий

У меня есть приложение angular, и вы хотите в шаблоне, добавьте другое как div. ng-include кажется идеальным выбором.

В main.html

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

В module.html

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

Все файлы живут в папке partials в приложении.

При выполнении этого в месте в html-коде я получаю  и заменяя divs в main.html также поддерживаемым тегом ng-include, он компилируется в .

Кто-нибудь знает, что может быть проблемой?

Ответ 1

Вы используете src="" только при использовании ng-include в качестве элемента:

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

При использовании ng-include в качестве атрибута вы вносите частичный URL-адрес в атрибут непосредственно:

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

См. https://docs.angularjs.org/api/ng/directive/ngInclude для двух прецедентов.

Ответ 2

Через несколько часов я разрешил это для моего, все это об использовании одинарных кавычек, используя двойные кавычки.

<!--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>

Ответ 3

Это проблема с областью. Убедитесь, что объект $scope передан правильно и не забудьте включить контроллеры и службы, относящиеся к частичным на главной странице!