利用angular实现简单的记录添加删除功能删除记录有两种思路一种是直接遍历记录数组并对数组中的每一个对象进行判断如果被选中则删除但是这种方式需要注意的是当有两个连续选中的记录是后面的选中的记录会被漏掉因为删除数组的时候删除对象后面的每一个对象对应下标都会减1而遍历的顺序是接着删除对象的下标继续往后遍历因此会漏掉删除对象后面的一个对象解决方法就是再删除操作后面再调用一次删除函数第二种方法是将记录数组赋值给一个中间变量然后将记录数组清空然后遍历中间变量将没有被选中的对象添加进记录数组中这种方法不会漏掉数组中任何一个对象
HTML代码段
我的备忘录
添加{{todo.name}}删除选中的按钮JS代码
angular.module(todoApp,[]).controller(MyCtrl,[$scope,function ($scope) {$scope.todos [{name:吃饭,isChecked:false},{name:睡觉,isChecked:false},{name:打豆豆,isChecked:false}];//定义添加记录的方法$scope.add function () {//判断用户输入的内容是否合法if(! $scope.newTodo){alert("输入的内容不能为空");return;}//收集整理数据var obj {name:$scope.newTodo,isChecked:false};$scope.newTodo "";$scope.todos.unshift(obj);};//定义删除的办法/* $scope.remove function () {$scope.todos.forEach(function (item,index) {//找到选中的对象if(item.isChecked){$scope.todos.splice(index,1);$scope.remove();}})};*/$scope.remove function () {var oldTodo $scope.todos;$scope.todos [];oldTodo.forEach(function (item,index) {if(! item.isChecked){$scope.todos.push(item);}})}}])【本文由：湖北阿里云代理商 http://www.558idc.com/aliyun.html提供，感恩】