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