嗨,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 。但没有任何作用。有什么建议吗?
最佳答案
在你的 Controller 中,尝试移动你的
$state.go('contactLijst');
在 function(data) {} 函数内。
仅在删除调用完成执行后,才会将您重定向回主页。目前, Controller 会触发删除联系人的请求,然后立即将您引导回主页(由于 JavaScript 的异步特性)。
希望这有帮助!
关于javascript - 使用 Angularjs 删除后刷新联系人列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30959364/