เข้าถึงดัชนีของผู้ปกครองซ้ำซ้ำจากเด็กเอ็นจีซ้ำ

ฉันต้องการใช้ดัชนีของรายการหลัก (foos) เป็นอาร์กิวเมนต์สำหรับการเรียกใช้ฟังก์ชันในรายการลูก (foos.bars)

ผมพบว่าการโพสต์ที่มีคนแนะนำให้ใช้ $ ปกครอง. ดัชนี $ แต่ไม่ได้เป็นทรัพย์สินของ$index$parent

ฉันจะเข้าถึงดัชนีของผู้ปกครองได้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>

รหัสตัวอย่างของฉันถูกต้องและปัญหาเป็นอย่างอื่นในรหัสจริงของฉัน ถึงกระนั้นฉันรู้ว่ามันยากที่จะหาตัวอย่างของเรื่องนี้ดังนั้นฉันจึงตอบมันในกรณีที่คนอื่นกำลังมองหา

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

ตามเอกสาร ng-repeat http://docs.angularjs.org/api/ng.directive:ngRepeatคุณสามารถจัดเก็บคีย์หรือดัชนีอาเรย์ในตัวแปรที่คุณเลือก(indexVar, valueVar) in values

เพื่อให้คุณสามารถเขียน

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

ระดับหนึ่งยังคงค่อนข้างสะอาดกับ $ parent $ $ แต่พ่อแม่หลายคนขึ้นไปสิ่งต่าง ๆ อาจยุ่งเหยิง

หมายเหตุ: จะยังคงถูกกำหนดไว้ในแต่ละขอบเขตมันไม่ได้ถูกแทนที่โดย$indexfIndex

ลองดูที่คำตอบของฉันคำถามที่คล้ายกัน
โดย aliasing เราไม่ได้มีการเขียนสิ่งที่บ้าเหมือน$index$parent.$parent.$index

วิธีที่โซลูชันที่สง่างามยิ่งขึ้นเมื่อ$parent.$indexใช้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>

ปังเกอร์: http://plnkr.co/edit/knwGEnOsAWLhLieKVItS?p=info

คุณสามารถควบคุมดัชนีพาเรนต์แกรนด์ด้วยรหัสต่อไปนี้

$parent.$parent.$index

คุณสามารถใช้ใช้ $ parent $ index .where parent จะแทนวัตถุของวัตถุที่ทำซ้ำพาเรนต์

$ parent ไม่ทำงานหากมีหลายผู้ปกครอง แทนการที่เราสามารถกำหนดตัวแปรดัชนีหลักใน init และใช้งานได้

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