AngularJSで削除ボタンを削除する方法は？

Question

私はAngularJSを初めて使っています。私はAngularJSでユーザーを削除するために、削除ボタンを作ろうとする助けが必要です。誰かが助けることができれば、私は感謝するでしょう。前もって感謝します。ここで

私はあなたのコントローラであなたの関数にng-clickアクションを満たさなければならない

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


    }); 
    }]); 

Answer 1

を作成している私の削除ボタンです。 あなたのボタンがng-repeatにあったとしたら、削除機能でパラメータを送信する必要があります。

Answer 2

ng-clickでは、deleteUserという名前の関数を呼び出し、そのユーザーのIDを渡します。

//HTML 
<button type="button" 
     class="delete" 
      ng-click="deletePeople(id)" 
      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> 

だからあなたのコントローラの中で、そのユーザーを削除する機能を作ってください。 ng-repeatの内部で使用している場合は、それに応じてパラメータを渡す必要があります。あなたのコードによれば、それを渡すことができます。

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

ここには例があります。 https://plnkr.co/edit/GbKHSER1r992D5ImXJ7n?p=preview