选中复选框未在删除时更新,第二次更新

时间:2017-12-01 07:17:17

标签: angularjs

我有这样的代码:

@interface DataClass : NSObject
@property (strong,nonatomic)NSString *customerName;
@property (strong,nonatomic)NSString *departmentName;

DataClass *dataClass = [[DataClass alloc]init];
dataClass.customerName = @"John";
dataClass.departmentName = @"Electricals";
[inputArray addObject: dataClass];
DataClass *dataClass = [[DataClass alloc]init];
dataClass.customerName = @"Ezhil";
dataClass.departmentName = @"Electronics";
[inputArray addObject: dataClass];

这里我正在简单地添加,删除员工列表的操作。在删除操作中,当我单击删除而不选中任何复选框时,删除具有现有选中复选框的项目,但是当我单击任何复选框并按删除时,单击的复选框此时不会被删除,但是当我单击第二次删除时,它会删除。

Js代码:

 <body ng-app="UserManagement" ng-controller="UserManagementController">

        <h3>to do</h3>

        <form ng-submit="addtodo();">

            <table>
            <tr><td colspan="2"><input type="checkbox" ng-model="employees.todo" /></td></tr>
            <tr><td colspan="2">{{remng()}} of {{actuallength}} remaining</td></tr>
                <tr ng-repeat="emp in employees">

                    <td><input type="checkbox" ng-model="emp.todo" /></td>
                     <td>{{emp.name}}</td>

                </tr>

                 <tr>

                    <td><input type="text" ng-model="addemp" /></td>
                     <td><input type="button" value="Add" ng-click="addemps()"/></td>
                </tr>

                 <tr>


                     <td><input type="button" value="Delete" ng-click="deleteemps();"/></td>
                </tr>

            </table>
        </form>

    </body>

我正在使用角度js 1.6.1。提前谢谢。

1 个答案:

答案 0 :(得分:0)

我根据你的代码制作了一个小提琴。

Add and Delete Employees

我的示例代码是这样的。

$scope.deleteEmp = function(){
    var slicedEmps = [];
    angular.forEach($scope.employees, function(e){
        if(!e.isChecked){
            slicedEmps.push(e);
        }
    });
    $scope.employees = slicedEmps;
};

我建议使用新阵列而不是使用&#39; splice&#39;。

我希望这个小提琴可以帮助你。 :)