Question

我想在角度js中向我的控制器添加一个remove（）函数，当单击该按钮时，它会删除该特定客户。这是我的代码：

    <script>
//create an object that ties with module
// pass an array of dependencies
var myApp = angular.module('myApp', []); 
//create controller
myApp.controller('MainController', function($scope){
    $scope.customers = []; 
    $scope.addCustomer = function(){
        $scope.date = new Date();
        $scope.customers.push({
        name: $scope.customer.name

    })  
}


})

</script>

Answer 1

您没有提供有关您的应用程序的任何详细信息，但这是实现remove()功能的一种方法：

$scope.removeCustomer = function(index){
    $scope.customers.splice(index,1);
}

假设您在视图中有一个显示客户的表，您可以将每行中的一个按钮绑定到removeCustomer，并传入$index：

<table>
  <tbody>
    <tr ng-repeat="c in customers">
      <td>{{c.name}}</td>
      <td><button ng-click='removeCustomer($index)'>Remove</button></td>
    </tr>
  </tbody>
</table>

Demo

angular js controller添加remove（）函数

1 个答案: