angularjs rimuovi gli Elementi Selezionati utilizzando Funzione splice

Stavo cercando una soluzione per rimuovere elementi dalla rete; ecco perché ho postato la domanda prima. Ma quando ho avuto la soluzione da parte di qualcuno, in quel momento, ho pensato che è stato risolto il problema, ma è stato l’utilizzo di un Filtro metodo.

Tuttavia, voglio gli elementi per essere rimosso dalla GRIGLIA utilizzando una Giuntura Funzione.

Qui è la mia vecchia Domanda: Link
Angularjs, Applicando Azione Selezionate le Caselle di controllo nella Tabella

Voglio eseguire utilizzando una Giuntura Funzione.

Adesso il problema che sto affrontando è quello di superare il valore di indice per la funzione in modo che la voce può essere eliminata se il valore dell’indice è selezionato/recuperati. Io non sono sicuro di come risolvere il problema.

Sarebbe bello se qualcuno risolve il problema e fornisce una demo link per il codice aggiornato.

Qui è il Plunker Link per quello che ho provato finora.Plunker link per mostrare la mia esecuzione

gentilmente vedi sotto plunker demo per incollaggio

OriginaleL’autore Sizzling Code | 2013-06-28

2 Replies
  1. 6

    Ho aggiunto ng-fare clic per casella di controllo per

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

    Grazie per la Risposta, Il Codice Funziona alla Grande per la Prima Volta, Ma la prossima volta quando si seleziona una casella di controllo elimina 2 valori?
    voglio dire, la prima volta che carico la pagina -> i selezionare la casella di controllo, quindi io fare clic su rimuovi, voce elimina, ma senza aggiornare la pagina quando ho fare clic sulla casella di controllo e clicco rimuovere rimuovere 2 elementi.
    mi dispiace perdere una linea aggiornata il plunker ora

    OriginaleL’autore Ajay Beniwal

  2. 7

    Definizione di array JS.splice metodo (da MDN):

    array.splice(indice , howMany[, element1[, …[, elementN]]])

    Così, il vostro removefunzione dovrebbe essere scritto come:

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

    DEMO PLUNKER

    EDIT:

    Ho pensato che si voleva rimuovere le voci cliccando il pulsante “x” con ng-fare clic su indicando remove funzione.

    Per rimuovere le voci cliccando la casella di controllo si dovrebbe impostare la casella di controllo ngModel per uno studente di proprietà e di mettere un $watcher su studenti che vorresti rimuovere quegli studenti che hanno questa proprietà è impostata su true:

    <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

    già l’hanno fatto, ma questo non rimuovere gli elementi selezionati dalla rete.
    Il plunker link che ho allegato non dimostri il contrario.
    Sir, ho controllato il vostro Demo Plunker link, ho cliked sulla prima casella di controllo ” e l’ultimo, ma non è rimosso solo 1 elemento dalla griglia.

    OriginaleL’autore Stewie

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *