Как получить доступ к текущему элементу коллекции в дочернем контроллере?

Question

Контроллеры:

var ProductsCtrl = function ($scope) { 
    $scope.products = [ {name: 'one'}, {name: 'two'}, {name:'three'} ]; 
}; 

var ProductCtrl = function ($scope) { 
    $scope. // How do I access the current product name? 
}; 

вид:

<ul ng-controller='ProductsCtrl'> 
    <li ng-repeat='product in products' ng-controller='ProductCtrl'> 
    </li> 
</ul> 

Answer 1

В настоящее время продукт доступен в объеме, как "продукт" в вашем случае.

если вы повторить что-то вроде этого:

нг-повтора = «пункт в пунктах» ваш контроллер ребенок будет иметь «элемент» в области.

Таким образом, в вашем примере:

<ul ng-controller='ProductsCtrl'> 
    <li ng-repeat='product in products' ng-controller='ProductCtrl'> 
    {{product.name}} 
    </li> 
</ul> 

Answer 2

@ganaraj уже предоставил правильный ответ. Но я хотел бы указать, что в вашем примере вам, вероятно, не нужно объявлять контроллер в элементе < li>. Дочерние области, созданные ng-repeat для каждого продукта, имеют доступ к контроллеру ProductCtrl. Вы должны только

<li ng-repeat='product in products'> 

Смотрите также раздел «Контроллер Наследование Пример» на Understanding the Controller Component странице.

Вы можете добавить методы в область $ ProdctsCtrl, которые принимают аргумент продукта, который затем можно было бы вызвать внутри ng-repeat. Например, в контроллере:

var ProductsCtrl = function ($scope) { 
    ... 
    $scope.totalPrice = function(product) { 
     return product.price * product.quantity; 
    } 
} 

В вашем HTML:

<li ng-repeat='product in products'> 
    total cost = {{totalPrice(product)}} 
</li>