Question

$scope.submitForm = function(){ 
        $scope.users.push({
            fname       : $scope.fname,
            lname       : $scope.lname,
            email       : $scope.email,
            password    : $scope.password,
        });
        $scope.fname = ''; //clear the input after adding
        $scope.lname = '';
        $scope.email = '';
        $scope.password = '';
        localStorage.setItem('users', JSON.stringify($scope.users));
    };

我在使用angular js从表中删除记录时遇到了一些问题。在删除它的工作正常，但刷新页面时，它回来了。

$scope.deleteUser = function(idx){
        console.log(idx);
        deleteUser = $window.confirm('Are you sure you want to delete the User?');
        if(deleteUser){
            $scope.users.splice(idx, 1);
            console.log($scope.users);
        }

    };

Answer 1

$scope.deleteUser = function(idx){
        console.log(idx);
        deleteUser = $window.confirm
             ('Are you sure you want to delete the User?');
        if(deleteUser){
            $scope.users.splice(idx, 1);
            console.log($scope.users);
        }           
    };

这里你没有从localStorage中删除它，我猜$scope.users包含来自API的数据。你可以做的是删除后，你可以用{{更新localStorage 1}}再次

$scope.users

Answer 2

删除用户时，应更新本地存储值。

$scope.deleteUser = function(idx){
    console.log(idx);
    deleteUser = $window.confirm('Are you sure you want to delete the User?');
    if(deleteUser){
        $scope.users = $scope.users.splice(idx, 1);
        localStorage.setItem('users', JSON.stringify($scope.users));
        console.log($scope.users);
    }

};

无法从角JS中的表中删除记录

2 个答案: