javascript - 删除 angularjs 后列表不更新

标签 javascript angularjs

点击删除按钮后列表不会更新,数据会从数据库中删除,只有在页面上进行更新后列表才会更新。

代码html:

<table class="table table-hover">
                    <tr>
                        <th>#</th>
                        <th>Nome</th>
                        <th>Email</th>
                        <th>Administrador</th>
                        <th>Login</th>
                        <th>Remover</th>
                    </tr>
                    <tr ng-repeat="usuario in usuarios | filter: global.search">
                        <td>{{$index+1}}</td>
                        <td><a ng-href="#/edita/usuario/{{usuario._id}}">{{usuario.nome}}</a></td>
                        <td>{{usuario.email}}</td>
                        <td>{{usuario.administrador}}</td>
                        <td>{{usuario.login}}</td>
                        <td><button ng-click="removeUser(usuario)" class="btn-link"><i style="float: right;" class="icon-remove"></i></button></td>
                    </tr>
                </table>

Controller Angular :

$scope.removeUser = function(usuario){

    var confirmar = confirm("Tem certeza que deseja excluir usuário?");

    if(confirmar == true){
        Usuario.delete({id: usuario._id},
            buscaUsuarios(),
            function(erro){
                console.log("Não foi possível remover usuário.");
                console.log(erro);
            });
    }
    console.log(usuario);
};

Controller 节点:

controller.removeUsuario = function(req, res){

    var id = req.params.id;
    console.log("IDREMOVE "+id);
    Usuario.remove({_id : id}).exec()
        .then(
            function(){
                res.status(204).end();
            },
            function(erro){
                return console.error(erro);
            });

};

谢谢.. :)

最佳答案

从您的代码中尚不清楚,但您可能没有更新范围内的数组 usuarios。

检查并确保您确实正在修改该引用。另请注意,您应该修改引用本身,而不是将其替换为新的数组实例。

关于javascript - 删除 angularjs 后列表不更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31799569/

相关文章:

javascript - 如果输入字段为空则显示错误消息,否则没有消息 Vue.js

javascript - 使用 Javascript 对象和函数时字符串长度无效

angularjs - 我怎样才能从 View 中隐藏 <div> 元素,但仍然让它们占用 AngularJS 的空间?

javascript - 如何使用js向输入字段插入文本?

javascript - 电子邮件分离

javascript - 播放时 HTML5 音频声音变大

javascript - 将 class = "txt"的 textxboxes 的长度设置为 width = "200"

angularjs - 使用 $http 加载 json 数据时的 Angular-grid

javascript - 如何在 AngularJS 指令模板中使用 ng-repeat 和先前声明的函数?

javascript - Angularjs 上 Controller 的启用/禁用按钮