如何动态地将按钮添加到列表中的最后一项？

Question

在Angular中，我使用ng-repeat指令打印数组中的项列表。我想要做的是在列表中的最后一项右侧添加一个按钮。我不知道动态添加它的非jquery方法。

这是我目前拥有的图片。当添加新内容时，我的按钮会被列入列表中。我希望在列表中最后一项的右侧看到该按钮（此处为＆＃39; acculist＆＃39;）。

任何想法都有帮助！谢谢大家。

修改 该按钮必须始终存在。最初，购物清单中没有商品，因此用户必须始终能够单击按钮将商品添加到购物清单。

Answer 1

<li ng-repeat="item in items track by $index">
<span>{{item.name}}</span> <button ng-if="$last" >Add To List</button>
</li>

Answer 2

<div ng-app="my_app" ng-controller="my_Ctrl">
   <ul>
      <li ng-repeat="a in items">
         <span>{{a}}</span>
         <button ng-if="$last" value="Add" ng-click="additems()">Add</button>
       </li> 
       <li ng-if="items.length===0">
          <button value="Add" ng-click="additems()">Add</button>
       </li>   
    </ul>
</div>

有角度的

  var app=angular.module("my_app",[]);
  app.controller("my_Ctrl",function($scope){
     $scope.items=["one","two","three"];
     $scope.additems=function(){
      $scope.items.push("New Items"+($scope.items.length+1));
     }
 })