如何使用ng-click从数组中删除项目或对象?


如何使用ng-click从数组中删除项目或对象?

我正在尝试编写一个函数,使我能够在单击按钮时删除项目,但我认为我对该函数感到困惑 - 我使用了$digest吗?

HTML和app.js:

<ul ng-repeat="bday in bdays">
  <li>
    <span ng-hide="editing" ng-click="editing = true">{{bday.name}} | {{bday.date}}</span>
    <form ng-show="editing" ng-submit="editing = false">
      <label>Name:</label>
      <input type="text" ng-model="bday.name" placeholder="Name" ng-required/>
      <label>Date:</label>
      <input type="date" ng-model="bday.date" placeholder="Date" ng-required/>
      <br/>
      <button class="btn" type="submit">Save</button>
      <a class="btn" ng-click="remove()">Delete</a>
    </form>
  </li></ul>$scope.remove = function(){
  $scope.newBirthday = $scope.$digest();
};


qq_笑_17
浏览 781回答 3
3回答

至尊宝的传说

这是一个正确的答案:<a&nbsp;class="btn"&nbsp;ng-click="remove($index)">Delete</a>$scope.remove=function($index){&nbsp; &nbsp;&nbsp;$scope.bdays.splice($index,1);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }我认为这是错误的,因为你传递$index了参数,但你在控制器中使用了愿望。如我错了请纠正我 :)
打开App,查看更多内容
随时随地看视频慕课网APP