如何仅在 ng-repeat 的最后一项上添加 ng-click 事件？

Question

我想在项目列表的 仅最后一项 上添加点击事件。

 <li ng-repeat="item in items" ng-click="myFunction" >{{item.name}}</li>

    $scope.myFunction = function(){
     // logic here...
    }

Answer 1

您可以使用 ng-repeat-start 和 ng-repeat-end：

<header ng-repeat-start="item in items">
  Header {{ item }}
</header>
<div class="body">
  Body {{ item }}
</div>
<footer ng-repeat-end ng-click="doStuff">
  Footer {{ item }}
</footer>

Answer 2

<li ng-repeat="item in items" ng-click="$last && myFunction()" >{{item.name}}</li>

这里是fiddle：http://jsfiddle.net/jugnu_pathak/8qkynso8/1/