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

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

这是我目前拥有的图像。当新事物被添加时，我的按钮被按下。我希望看到列表中最后一项右侧的按钮（这里是“acculist”）

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

编辑 按钮必须始终存在。最初，购物列表中没有项目，因此用户必须始终能够单击按钮将项目添加到购物列表中

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

{{item.name}}添加到列表

{{item.name}}添加到列表

你能显示你的代码你做了什么吗？你能显示你的代码你做了什么吗？如果他们过滤结果，这将是错误的，

$index

将与循环中的项目相对

$last

是正确答案谢谢Himesh请更新您的答案，我会检查它是否有效如果他们要过滤结果，这将是错误的，

$index

将与循环中的项目相关<代码>$last是正确答案谢谢他，请更新你的答案，我会检查它是否有效谢谢你的答案Kalai，我相信这会解决一半问题。我已经为你的答案添加了编辑/澄清，我相信这将解决一半的问题。我添加了一个编辑/澄清

<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));
     }
 })