[AngularJS]删除表格-AngularJS 和firebase内行

发布时间: 2017/4/16 21:32:03
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我遇到的问题是函数不能当我尝试删除的行。想实现什么是通过点击红色按钮删除表中添加一行。

链接到我的呆瓜代码

这是我在 index.html 补充说的︰

    <button type="button" ng-click="removeRow(row)" class="btn btn-sm btn-danger">
      <i class="glyphicon glyphicon-remove-circle"></i>
    </button> 

这是我在 script.js 补充说︰

  $scope.removeRow = function removeRow(item) {
    var index = $scope.myData.indexOf(item);
    if (index !== -1) {
        $scope.myData.splice(index, 1);
    }
}

解决方法 1:

你正在搞错了对象。

ng-click="removeRow(row)"

如果你想要删除数据从 customers 你必须通过 customer

Js 中您正在试图删除数据从 $scope.myData 而不是 $scope.customers .$scope.myData 是一个对象,对象没有方法名称.splice()

试着像这样

JS

  $scope.removeRow = function removeRow(item) {
    var index = $scope.customers.map(function(x){return x.CustomerPlateNumber;}).indexOf(item.CustomerPlateNumber);
    if (index !== -1) {
        $scope.customers.splice(index, 1);
    }
}

HTML

<button type="button" ng-click="removeRow(customer)" class="btn btn-sm btn-danger">

DEMO

官方微信
官方QQ群
31647020