javascript - 使用 Angularjs 删除后刷新联系人列表

Question

嗨，AngularJs 新手。

我想按联系人详细信息屏幕中的删除按钮。之后，当按下删除按钮时，我想返回主联系人列表并刷新联系人列表。(删除了刚刚删除的联系人)。

现在，联系人已被删除......但如果我去运行该功能

$state.go('contactLijst');

它将返回主页...但我仍然需要刷新页面!

这是我的 Controller :

(function(){
    "use strict";

    angular
        .module("lesAmis")
        .controller("PersoonEditController",
        ["contact","$state",   
         PersoonEditController]);

     function PersoonEditController(contact,people,$state){
         var vm = this;
         vm.people = people;
         vm.contact = contact;

vm.delete = function(){
              var id = vm.contact.id;
              if (id) {
                vm.contact.$delete({id:id}, function(data) {
                 toastr.success("OK, persoon verwijderd <br />" + 
                     data.naam);});

                $state.go('contactLijst');}

         };

我的app.js

.state("persoonEdit", {
                    abstract: true,
                    url: "/personen/edit/:id",
                    templateUrl: "app/contacten/contactEditView.html",
                    controller: "PersoonEditController as vm",
                    resolve:{
                        contactResource: "contactResource",
                        contact: function(contactResource, $stateParams){
                            var id = $stateParams.id;
                            return contactResource.get({id: id}).$promise;
                        }
                    }
                })

html 中的按钮:

button class="btn btn-default"
                            style="width:70px;" 
                            ng-click="vm.delete()">Verwijder
                    </button>

我想我需要刷新我的 Controller 。但没有任何作用。有什么建议吗？

Answer 1

在你的 Controller 中，尝试移动你的

$state.go('contactLijst');

在 function(data) {} 函数内。

仅在删除调用完成执行后，才会将您重定向回主页。目前， Controller 会触发删除联系人的请求，然后立即将您引导回主页(由于 JavaScript 的异步特性)。

希望这有帮助!