Chỉ mục truy cập của phụ huynh ng-lặp lại từ con ng-repeat

Question

Tôi muốn sử dụng chỉ mục của danh sách mẹ (foos) làm đối số cho một cuộc gọi hàm trong danh sách con (foos.bars).

Tôi đã tìm thấy bài đăng mà người nào đó đề xuất sử dụng $ parent. $ Index, nhưng $index không phải là tài sản của $parent.

Tôi làm cách nào để truy cập chỉ mục của phụ huynh ng-repeat?

<div ng-repeat="f in foos"> 
    <div> 
    <div ng-repeat="b in foos.bars"> 
     <a ng-click="addSomething($parent.$index)">Add Something</a> 
    </div> 
    </div> 
</div> 

Answer 1

Mã ví dụ của tôi là chính xác và vấn đề khác trong mã thực tế của tôi. Tuy nhiên, tôi biết rất khó để tìm các ví dụ về điều này vì vậy tôi trả lời nó trong trường hợp người khác đang tìm kiếm.

<div ng-repeat="f in foos"> 
    <div> 
    <div ng-repeat="b in foos.bars"> 
     <a ng-click="addSomething($parent.$index)">Add Something</a> 
    </div> 
    </div> 
</div> 

Answer 2

Theo tài liệu ng-repeat http://docs.angularjs.org/api/ng.directive:ngRepeat, bạn có thể lưu chỉ mục khóa hoặc mảng trong biến bạn chọn. (indexVar, valueVar) in values

vì vậy bạn có thể viết

<div ng-repeat="(fIndex, f) in foos"> 
    <div> 
    <div ng-repeat="b in foos.bars"> 
     <a ng-click="addSomething(fIndex)">Add Something</a> 
    </div> 
    </div> 
</div> 

Một mức tăng vẫn còn khá sạch với $ mẹ. Index $ nhưng nhiều bậc phụ huynh lên, mọi thứ có thể nhận được lộn xộn.

Lưu ý: $index sẽ tiếp tục được xác định ở mỗi phạm vi, không được thay thế bằng fIndex.

Answer 3

Hãy xem my answer to a similar question.
Bằng cách đặt bí danh $index, chúng tôi không phải viết những thứ điên rồ như $parent.$parent.$index.

---

Way tao nhã hơn giải pháp whan $parent.$index đang sử dụng ng-init:

<ul ng-repeat="section in sections" ng-init="sectionIndex = $index"> 
    <li class="section_title {{section.active}}" > 
     {{section.name}} 
    </li> 
    <ul> 
     <li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu(sectionIndex)" ng-repeat="tutorial in section.tutorials"> 
      {{tutorial.name}} 
     </li> 
    </ul> 
</ul> 

Plunker: http://plnkr.co/edit/knwGEnOsAWLhLieKVItS?p=info

Answer 4

Bạn chỉ có thể sử dụng sử dụng $ mẹ $ index .where mẹ sẽ đại diện cho đối tượng của cha mẹ lặp đi lặp lại. vật .

Answer 5

Bạn cũng có thể kiểm soát các chỉ số ông bà bằng đoạn mã sau

$parent.$parent.$index 

Answer 6

$ cha mẹ không làm việc nếu có nhiều bậc cha mẹ. thay vào đó, chúng tôi có thể xác định biến chỉ mục cha trong init và sử dụng biến số

<div data-ng-init="parentIndex = $index" ng-repeat="f in foos"> 
    <div> 
    <div data-ng-init="childIndex = $index" ng-repeat="b in foos.bars"> 
     <a ng-click="addSomething(parentIndex)">Add Something</a> 
    </div> 
    </div> 
</div>