Angularer Übergabebereich an ng-include
Ich habe einen Controller, den ich geschrieben habe und den ich an mehreren Stellen in meiner App mit @ verwendng-include
undng-repeat
, so was
<div
ng-repeat="item in items"
ng-include="'item.html'"
ng-controller="ItemController"
></div>
m Controller / Template erwarte ich dasitem
value zu existieren, und das Ganze baut auf dieser Idee auf. Jetzt muss ich den Controller jedoch etwas anders verwenden, ohne dasng-repeat
, muss aber noch in der Lage sein, ein @ einzugebitem
. Ich sahng-init
und dachte, es könnte tun, was ich brauchte, wie folgt:
<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>
Aber das scheint nicht zu funktionieren. Hat jemand eine Idee, wie ich in einer einzelnen Instanz wie dieser eine Variable für den Gültigkeitsbereich übergeben kann?
Edit: Der Controller darüber wird in das @ geladleftItem
undrightItem
Werte, ungefähr so:
.controller('MainController', function($scope, ItemModel) {
ItemModel.loadItems()
.then(function(items) {
$scope.$apply(function() {
$scope.leftItem = items.left;
$scope.rightItem = items.right;
});
});
});