Javascript 如何在删除AngularJS中的项目后重新加载状态?

Javascript 如何在删除AngularJS中的项目后重新加载状态?,javascript,angularjs,html,Javascript,Angularjs,Html,在我的项目中,单击delete按钮,我调用一个函数,在该函数中,我使用delete方法调用api。从项目列表中成功删除项目后,我正在重新加载状态。这里的问题是,我正在URL中传递项目id。因此,在删除项目后,项目id仍然存在于url中,这是因为在“重新加载已删除的项目id”状态下,已存在于url中的项目id在重新加载时没有任何值 下面我将给出代码,以便更好地理解代码 survey.html <ul class="sidebar-nav"> <li

在我的项目中,单击delete按钮,我调用一个函数,在该函数中,我使用delete方法调用api。从项目列表中成功删除项目后,我正在重新加载状态。这里的问题是,我正在URL中传递项目id。因此,在删除项目后,项目id仍然存在于url中,这是因为在“重新加载已删除的项目id”状态下,已存在于url中的项目id在重新加载时没有任何值

下面我将给出代码,以便更好地理解代码

survey.html

   <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");
      });
   };