簡體   English   中英

ng-click和ng-repeat-angularJs不起作用

[英]Ng-click and ng-repeat - angularJs doesn't work

我知道ng-repeat內的不同作用域,我對此很了解,但是我仍然不能完全去除li的選定項(我不使用$ index),而不是將來的可排序對象

<li class="m-1" ng-repeat="students in students.students">
  <span>{{students.student}}</span> :knowledge is - <span>{{students.knowledge}}</span>
  <button type="button" class="btn btn-danger ml-2" ng-click="students.removeItem(item)">Delete</button>
</li>

我的函數在li-element后面工作,但只刪除最后一個元素

vm.removeItem = function (item) {
  vm.students.splice(vm.students.indexOf(item), 1);
}

而且我在ng-repeat中不需要$ parent

也許您正在嘗試執行以下操作:

<li class="m-1" ng-repeat="student in students.students">
  <span>{{student.name}}</span> :knowledge is - <span>{{student.knowledge}} </span>
  <button type="button" class="btn btn-danger ml-2" ng- click="removeItem(student)">Delete</button>
</li>

$scope.removeItem = function (item) {
    this.students.students = this.students.students.filter(student => student !== item)
};

這是一個有效的演示

老實說,我不明白你為什么要讓學生反對學生。 另外,為什么ng-repeat中的每個項目都被稱為:學生?

我想每個項目都需要有可變的名稱student

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM