Javascript 如何在删除AngularJS中的项目后重新加载状态?
在我的项目中,单击delete按钮,我调用一个函数,在该函数中,我使用delete方法调用api。从项目列表中成功删除项目后,我正在重新加载状态。这里的问题是,我正在URL中传递项目id。因此,在删除项目后,项目id仍然存在于url中,这是因为在“重新加载已删除的项目id”状态下,已存在于url中的项目id在重新加载时没有任何值 下面我将给出代码,以便更好地理解代码 survey.htmlJavascript 如何在删除AngularJS中的项目后重新加载状态?,javascript,angularjs,html,Javascript,Angularjs,Html,在我的项目中,单击delete按钮,我调用一个函数,在该函数中,我使用delete方法调用api。从项目列表中成功删除项目后,我正在重新加载状态。这里的问题是,我正在URL中传递项目id。因此,在删除项目后,项目id仍然存在于url中,这是因为在“重新加载已删除的项目id”状态下,已存在于url中的项目id在重新加载时没有任何值 下面我将给出代码,以便更好地理解代码 survey.html <ul class="sidebar-nav"> <li
<ul class="sidebar-nav">
<li class="sidebar-brand" >
<a>
Projects
</a>
</li>
<li ng-repeat="obj in allProjects track by $id(obj)">
<a ui-sref="survey.surveyList({id: obj.ProjectID})" ng-click="getProjSurveys(obj.ProjectID)" ui-sref-active="activeProject" ng-init="getReloadProjSurveys()">{{obj.ProjectName}}<span class="projectsetting" ng-click="sendProjectID(obj.ProjectID)"><img src="./images/settings.png"/></span></a>
</li>
</ul>
<div class="surveyContainer" ui-view></div>
popup.html
这是我显示删除确认弹出窗口的地方
<div class="modal fade" id="deleteProject" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<p class="text-center">Are you sure you want to delete this project</p>
</div>
<div class="modal-footer">
<div class="col-md-6 text-right"><span type="button" class="cancel" data-dismiss="modal">Cancel</span></div>
<div class="col-md-offset-1 col-md-5 text-left"><span type="button" class="success" value="Delete" ng-click="projectDelete()" >Delete</span></div>
</div>
</div>
我尝试了
state.reload()
和$state.go('survey.surveyList',{id:0})代码>。id=0的$state.go()是我要重新加载的默认值。您是否尝试过此$state.go('survey.surveyList',{id:0},{reload:true})代码>
参考:
您只想从列表中删除已删除的记录,对吗?如何初始化状态
对象?对我来说,它应该是:$state.reload()代码>。
<div class="modal fade" id="deleteProject" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<p class="text-center">Are you sure you want to delete this project</p>
</div>
<div class="modal-footer">
<div class="col-md-6 text-right"><span type="button" class="cancel" data-dismiss="modal">Cancel</span></div>
<div class="col-md-offset-1 col-md-5 text-left"><span type="button" class="success" value="Delete" ng-click="projectDelete()" >Delete</span></div>
</div>
</div>
$scope.sendProjectID = function(ProjectID){
$scope.ProjectID = ProjectID;
};
$scope.projectDelete = function($event){
$("#deleteProject").hide();
UserService.DeleteProject($scope.ProjectID).then(
function( data ) {
console.log(data);
state.reload();
//$state.go('survey.surveyList',{id: 0});
$("#deleteProject").modal("hide");
});
};