angularjs - 如何获取迭代元素angularjs的位置？

Question

我已经迭代了下拉菜单，我想知道当我单击每个下拉菜单时它们的位置是什么。

<div class="row" ng-repeat="animal in vm.animals">
  {{animal}}
  <btn-group uib-dropdown>
    <button class="btn btn-secondary btn-sm uib-dropdown-toggle
            ng-click="vm.checkPosition($event)">{{vm.test}}
    </button>
    <div class="dropdown-menu" uib-dropdown-menu>
      <a class="dropdown-item" ng-repeat="dog in vm.dogs">
        {{dog}}
      </a>
  </btn>

function checkPosition($event) {
  // I tried use here $event.target.el.getBoundingClientRect().top, but this 
  // position isnt element which I clicked, but propably first element with
  // this class
}

标签： angularjspositionangularjs-ng-repeat

Answer 1

正如文档所描述的，您可以访问ng-repeat.

例如，仅对$first第一个元素为真，$last仅对最后一个元素。你正在寻找的是$index