应用AngularJs实现删除

最新推荐文章于 2020-12-21 19:05:01 发布

原创最新推荐文章于 2020-12-21 19:05:01 发布 · 652 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#AngularJs

AngularJs、jQuery、JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在AngularJS应用程序中实现用户删除功能的方法。通过定义一个删除按钮并在其上使用ng-click指令来触发一个名为dele的$scope方法，该方法会弹出一个确认对话框询问用户是否确认删除指定的用户。如果用户确认，则该方法会在用户列表中找到对应名称的用户并将其从数组中移除。

//设置删除的按钮

<button ng-click="dele(user.name);">删除</button>

//设置删除的方法

$scope.dele = function(user){
                    if(confirm("是否确认"+user+"删除？")){
                        for (index in $scope.users) {
                            if(user == $scope.users[index].name){
                                $scope.users.splice(index,1);
                            }
                        }
                    }
                };