2017-05-01 4 views
0

Ich bin neu in AngularJS, und ich brauche etwas Hilfe zu versuchen, die Schaltfläche zum Löschen, um einen Benutzer in AngularJS zu löschen. Wenn jemand helfen kann, werde ich dankbar sein. Danke im Voraus.Wie lösche ich einen Benutzer in AngularJS?

Hier ist meine Schaltfläche Löschen ich geschaffen habe

<button type="button" 
     class="delete" 
      ng-click="" 
      ng-show="!inactive">Delete</button> 
    //The user view 
    <div class="people-view"> 
    <h2 class="name">{{people.first}}</h2> 
    <h2 class="name">{{people.last}}</h2> 

    <span class="title">{{people.title}}</span> 

    <span class="date">{{people.date}} </span> 



</div> 



//Controller 
app.controller('MainController',['$scope', 'people', '$routeParams', 
function($scope, people, $routeParams) { 
people.success(function(data) { 
$scope.people = data[$routeParams.id]; 


    }); 
    }]); 
+1

wo ist eine Logik oder Details über Ihre Benutzer. bitte posten –

+0

siehe aktualisierte Frage bitte –

+0

Verwenden Sie ng-Wiederholung, um Benutzer anzuzeigen? Und welche Sprache in Server-Seite verwenden Sie? – Akashii

Antwort

0

Sie müssen ng-click Aktion auf Ihre Funktion in Ihrem Controller füllen. Wenn Ihre Schaltfläche in ng-repeat war, müssen Sie möglicherweise Parameter in Ihrer Löschfunktion senden.

2

So in ng-click rufen Sie eine Funktion mit dem Namen deleteUser und übergeben Sie die ID erhalten Sie für diesen Benutzer.

So jetzt innerhalb Sie Controller machen eine Funktion, um den Benutzer zu löschen. Wenn Sie es innerhalb der ng-repeat verwenden, sollten Sie Parameter entsprechend übergeben. Laut Ihrem Code können Sie es weitergeben.

//Controller 
$scope.deletePeople = function (id){ 
    //here comes your delete code. 
    //pass id from the ng-click function. 
    //based on that id find the record in the $scope.people array and remove that from the array. 
    //you can use javascript splice function to remove it. 

    var userToDelete; 
    $scope.people.forEach(function(p, index){ 
    if(p.id == id){ 
     userToDelete = index; 
    } 
    }); 

    $scope.people.splice(userToDelete, 1); 
} 

Hier ist ein Beispiel. https://plnkr.co/edit/GbKHSER1r992D5ImXJ7n?p=preview

+0

Also für meine deletePeople-Funktion (id), kann ich so etwas tun: var index = $ scope.people.indexOf (people); $ scope.people.splice ($ index, 1); –

+0

Yaa sicher, wenn Sie ng-repeat verwenden, dann können Sie den Index in NG-Klick-Funktion übergeben und basierend auf diesem Index können Sie eine bestimmte Person entfernen oder auf diese Weise können Sie auch das gleiche tun. –

+0

was ist, wenn ich nicht ng-repeat verwende. Kannst du mir die Funktion zeigen, die du implementiert hast? –

Verwandte Themen