angularjs entfernen Ausgewählte Elemente mit Spleiß Funktion

Question

Ich suchte nach einer Lösung, um Elemente aus dem Grid zu entfernen; deshalb habe ich die Frage schon vorher gepostet. Aber als ich zu der Zeit die Lösung von jemandem bekam, dachte ich, dass es das Problem löste, aber es benutzte eine Filtermethode.

Ich möchte jedoch die Elemente aus dem GRID mit einer Splice-Funktion entfernt werden.

Hier ist meine alte Frage Link- Angularjs, Applying Action on Selected Checkboxes in Table

ich es mit einer Splice-Funktion ausgeführt werden soll.

Im Augenblick ist das Problem, dem ich gegenüberstehe, den Indexwert an die Funktion zu übergeben, damit das Element gelöscht werden kann, wenn dieser Indexwert ausgewählt/abgerufen wird. Ich bin mir nicht sicher, wie ich das beheben soll.

Es wäre nett, wenn jemand das Problem löst und einen Demo-Link zum aktualisierten Code gibt.

Hier ist der Plunker Link für das, was ich bisher versucht habe. Plunker link to show my execution

Answer 1

ich habe hinzugefügt ng Klick Checkbox es um die Arbeit

http://plnkr.co/edit/DSVPj3holsf4nhNvEMbQ?p=preview

Answer 2

Definition von JS Array.splice Methode (von MDN):

Array.splice (index, howMany [, element1 [, ... [, elementN]]])

$scope.remove = function(index){ 
    $scope.students.splice(index, 1); 
}; 

DEMO PLUNKER

:

Also, Ihre remove Funktion sollte wie folgt geschrieben werden

EDIT:

Ich dachte, Sie die Einzelteile durch Klicken auf die Schaltfläche „x“ mit ng-Klick zeigt auf remove Funktion entfernen wollte.

Um die Elemente, indem Sie auf das Kontrollkästchen entfernen Sie Checkbox ngModel ein Student Eigenschaft sollte und als ein $ Beobachter auf Studenten stellen, dass die Teilnehmer, die diese Eigenschaft festgelegt auf true entfernen würde:

<tr class="color2" ng-repeat="student in students | filter:search | filter:new_search"> 
    <td>{{student.Rollno}} <input type="checkbox" ng-model="student.checked"> </td> 
    <td>{{student.Name}}</td> 
    <td>{{student.Uni}} <button ng-click="remove($index)">x </button></td> 
</tr> 

$scope.$watch('students', function(students){ 
    if(!students){ 
    return; 
    } 
    $scope.students = students.filter(function(student){ 
    return !student.checked; 
    }); 
}, true); 

PLNUKER