У меня есть приложение 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-коде я получаю <!-- ngInclude: --> и заменяя divs в main.html также поддерживаемым тегом ng-include, он компилируется в <!-- ngInclude: undefined -->.
Кто-нибудь знает, что может быть проблемой?
Вы используете 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 для двух прецедентов.
Через несколько часов я разрешил это для моего, все это об использовании одинарных кавычек, используя двойные кавычки.
<!--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>
Это проблема с областью. Убедитесь, что объект $scope передан правильно и не забудьте включить контроллеры и службы, относящиеся к частичным на главной странице!