Ángulo de paso angular para ng-include
Tengo un controlador que escribí que uso en varios lugares en mi aplicación conng-include
yng-repeat
, Me gusta esto:
<div
ng-repeat="item in items"
ng-include="'item.html'"
ng-controller="ItemController"
></div>
En el controlador / plantilla, espero que elitem
valor de existir, y todo se basa en esta idea. Ahora, sin embargo, necesito usar el controlador de una manera ligeramente diferente, sin elng-repeat
, pero aún necesita poder pasar unitem
. Yo ving-init
y pensé que podía hacer lo que necesitaba, así:
<div
ng-init="item = leftItem"
ng-include="'item.html'"
ng-controller="ItemController"
></div>
<div
ng-init="item = rightItem"
ng-include="'item.html'"
ng-controller="ItemController"
></div>
Pero eso no parece estar funcionando. ¿Alguien tiene alguna idea de cómo puedo pasar una variable de alcance en una instancia singular como esta?
Editar: El controlador sobre esto se está cargando en elleftItem
yrightItem
valores, algo como esto:
.controller('MainController', function($scope, ItemModel) {
ItemModel.loadItems()
.then(function(items) {
$scope.$apply(function() {
$scope.leftItem = items.left;
$scope.rightItem = items.right;
});
});
});