javascript - example - Evite que `ng-include` cree un alcance aislado. AngularJS

ng include example angular js

Question

Estoy usando la directiva ng-include src en varios lugares en mi HTML. Cada ng-include está creando un ámbito aislado para sí mismo que aparentemente me está causando muchos problemas.

Por ejemplo.

<div ng-controller="parent">
<div ng-include src="''id1''">
</div>
<div ng-include src="''id2''">
</div>
<div ng-include src="''id2''">
</div>
</div>

En el html mencionado anteriormente, se están creando 4 ámbitos. 1 en el padre donde se define el controller y 3 se crean por defecto en cada ng-include src .

¿Es posible evitar que ng-include cree un ámbito aislado para sí mismo? Si no es posible, ¿hay alguna solución para esto?

Answer 1

Necesita crear su propia directiva que pueda cargar una plantilla especificada con un alcance aislado.

HTML

<div ng-controller="parent">
<div my-directive template-path="id1">
</div>
<div my-directive template-path="id2">
</div>
<div my-directive template-path="id2">
</div>
</div>

Directiva

.directive(''myDirective'', function() {
return {
restrict: ''AE'',
templateUrl: function(ele, attrs) {
return attrs.templatePath;
}
};
});

Trabajando Plunkr