Ng-click and ng-repeat - angularJs doesn't work

Question

I know about different scopes inside ng-repeat, I headed about this but I still can't solute removing of selected item of li ( I don't use $index ) instead of future sortable objects

<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>

and my function working behind li-element, but delete only last element

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

and I don't need $parent in ng-repeat

Alon Shmiel · Accepted Answer · 2018-11-03 19:45:49Z

2

Maybe you are trying to do something like:

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

This is a working demo

Honestly, I don't understand why you have students object in students. In addition, why every item in ng-repeat is called: students?

I guess that every item needs the variable name of student.

answered Nov 3, 2018 at 19:45

Alon Shmiel

7,10927 gold badges95 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Павло Лапан Over a year ago

my code like this: codepen.io/Pavlolapan/pen/qQByWM?editors=1010 I never use codepen and it doesn't even display a arr. list

Alon Shmiel Over a year ago

codepen.io/alonsh/pen/WYNapV?editors=1010 Please accept my answer if it works

Collectives™ on Stack Overflow

Ng-click and ng-repeat - angularJs doesn't work

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related