Chỉ số truy cập của cha-ng-repeat từ con ng-repeat

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

Tôi đã tìm thấy một bài đăng mà ai đó khuyên bạn nên sử dụng $ Parent. $ Index, nhưng $indexkhông phải là tài sản của $parent.

Làm thế nào tôi có thể truy cập vào chỉ mục của cha mẹ 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>

Mã ví dụ của tôi là chính xác và vấn đề là một cái gì đó khác trong mã thực tế của tôi. Tuy nhiên, tôi biết rằng rất khó để tìm thấy các ví dụ về điều này vì vậy tôi sẽ 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>

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

để 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 cấp độ vẫn còn khá sạch sẽ với $ Parent. $ Index nhưng một vài phụ huynh trở lên, mọi thứ có thể trở nên lộn xộn.

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

Hãy xem câu trả lời của tôi cho một câu hỏi tương tự .
Bằng cách đặt bí danh, $indexchúng ta không phải viết những thứ điên rồ như thế $parent.$parent.$index.

Cách giải quyết thanh lịch hơn $parent.$indexlà 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

Bạn cũng có thể kiểm soát chỉ số cha mẹ lớn bằng mã sau đây

$parent.$parent.$index

Bạn chỉ có thể sử dụng sử dụng $ Parent. $ Index. Ở đâu cha mẹ sẽ đại diện cho đối tượng lặp lại đối tượng cha.

$ cha mẹ không làm việc nếu có nhiều cha mẹ. thay vì điều đó chúng ta có thể định nghĩa một biến chỉ mục cha trong init và sử dụng nó

<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>