template - ng-include angularjs controller

ng-include compila a un comentario

Question

Tengo una aplicación angular, y quiero en una plantilla, agregar otra como divs. ng-include parecía una elección perfecta.

En main.html

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

En module.html

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

Todos los archivos viven en la carpeta de parciales en la aplicación.

Cuando ejecuto esto, en el lugar en el código html, obtengo <!-- ngInclude: --> , y sustituyendo los divs en main.html con la etiqueta ng-include también compatible, compila a <!-- ngInclude: undefined --> .

¿Alguien sabe cuál podría ser el problema?

Answer 1

Debe ser un problema de alcance. ¡Asegúrese de que el objeto $scope se pase correctamente y no olvide incluir los controladores y servicios relacionados con el parcial en su página principal!

Answer 2

Después de horas lo resolví para el mío, se trata de usar comillas simples entre comillas dobles .

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

Answer 3

Estaba enfrentando el problema exacto, el compilador podría no estar encontrando la ruta src que proporcionaste. Eliminar el primero / en el camino. el compilador automáticamente agregará / al contexto raíz e intentará encontrar la ruta. Funciono para mi

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

reemplazar con

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

Answer 4

Solo usa src = "" cuando usa ng-include como un elemento:

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

Cuando se utiliza ng-include como un atributo, coloca la URL parcial en el atributo:

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

Consulte https://docs.angularjs.org/api/ng/directive/ngInclude para los dos casos de uso.