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

基山

在我的项目中,单击删除按钮单击一个函数,然后在内部调用带有delete方法的api。从项目列表中成功删除项目后,我正在重新加载状态。这里的问题是,我在URL中传递了项目ID。因此,删除项目后,项目ID仍在URL中,因为为什么在状态重新加载时,已重新加载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>

index.js(使用UI路由)

   .state('survey', {
        url: '/survey',
        views:{
            header:{
                templateUrl: 'common/headerTool.html',
                controller: 'headerController'
            },
            pageContent:{
                templateUrl: 'survey/survey.html',
                  controller: 'surveyController'
            },
            footer:{
                templateUrl: 'common/innerFooter.html',
                controller: 'footerController'
            }
        }
    }).state('survey.surveyList', {
        url: '/:id',
        templateUrl: 'survey/surveyList.html',
        controller: ''
    });

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>

在单击此按钮时,正在调用projectDelete()此控制器内部的按钮

surveyController.js

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

我尝试了state.reload()$state.go('survey.surveyList',{id: 0});这个$ state.go()id = 0是我想重新加载的默认值。

艾哈迈德·阿博·萨(Ahmad Abo Saa)

你尝试过这个$state.go('survey.surveyList',{id: 0}, {reload : true});吗?

参考:https : //github.com/angular-ui/ui-router/wiki/quick-reference#toparams

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用UIPreviewAction删除项目后重新加载UITableView

来自分类Dev

删除所有项目后如何重新加载列表视图?

来自分类Dev

AngularJS。页面重新加载后保持状态

来自分类Dev

删除项目后,symfony重新加载页面

来自分类Dev

在angularjs中重新加载状态后,离子标题栏消失了

来自分类Dev

在angularjs中重新加载状态后,离子标题栏消失了

来自分类Dev

在AngularJS中删除后如何自动加载/刷新视图数据?

来自分类Dev

在AngularJS中删除后如何自动加载/刷新视图数据?

来自分类Dev

删除后如何重新打开netbeans项目?

来自分类Dev

删除后如何重新打开netbeans项目?

来自分类Dev

从UICollectionView删除项目后更新/重新加载集合视图

来自分类Dev

重新加载页面后,如何更改滑轨中单选按钮的状态?

来自分类Dev

如何使用 angularjs 从 JavaScript 列表中删除项目,而不加载列表中的先前项目

来自分类Dev

重新加载页面后如何保存滑块的最后状态

来自分类Dev

如何在AngularJS中重新加载指令?

来自分类Dev

在列表视图中搜索后如何重新加载项目

来自分类Dev

选择后如何重新加载选项卡栏项目?

来自分类Dev

使用 Codeigniter 网站 URL 从 angularjs 中删除 # 后,如果重新加载,则找不到 404 页面...(页面未重新加载的主要错误)?

来自分类Dev

删除单行后如何用ajax重新加载表

来自分类Dev

单击删除按钮后如何自动重新加载更新的数据

来自分类Dev

在extjs中删除行后重新加载网格选择

来自分类Dev

在KieBase中添加/删除规则后重新加载KieSession

来自分类Dev

AngularJs如何在选择字符后重新加载模板页面

来自分类Dev

发布响应后在angularjs中重新加载数据

来自分类Dev

在angularJS中关闭模态后重新加载数据

来自分类Dev

从状态删除对象后组件未重新加载,我正在使用React-redux

来自分类Dev

状态转换后重新加载数据

来自分类Dev

如何从范围AngularJS中删除项目

来自分类Dev

重新加载页面时,从 Angular 6 中的 url 中删除 # 后页面不会加载。

Related 相关文章

  1. 1

    如何使用UIPreviewAction删除项目后重新加载UITableView

  2. 2

    删除所有项目后如何重新加载列表视图?

  3. 3

    AngularJS。页面重新加载后保持状态

  4. 4

    删除项目后,symfony重新加载页面

  5. 5

    在angularjs中重新加载状态后,离子标题栏消失了

  6. 6

    在angularjs中重新加载状态后,离子标题栏消失了

  7. 7

    在AngularJS中删除后如何自动加载/刷新视图数据?

  8. 8

    在AngularJS中删除后如何自动加载/刷新视图数据?

  9. 9

    删除后如何重新打开netbeans项目?

  10. 10

    删除后如何重新打开netbeans项目?

  11. 11

    从UICollectionView删除项目后更新/重新加载集合视图

  12. 12

    重新加载页面后,如何更改滑轨中单选按钮的状态?

  13. 13

    如何使用 angularjs 从 JavaScript 列表中删除项目,而不加载列表中的先前项目

  14. 14

    重新加载页面后如何保存滑块的最后状态

  15. 15

    如何在AngularJS中重新加载指令?

  16. 16

    在列表视图中搜索后如何重新加载项目

  17. 17

    选择后如何重新加载选项卡栏项目?

  18. 18

    使用 Codeigniter 网站 URL 从 angularjs 中删除 # 后,如果重新加载,则找不到 404 页面...(页面未重新加载的主要错误)?

  19. 19

    删除单行后如何用ajax重新加载表

  20. 20

    单击删除按钮后如何自动重新加载更新的数据

  21. 21

    在extjs中删除行后重新加载网格选择

  22. 22

    在KieBase中添加/删除规则后重新加载KieSession

  23. 23

    AngularJs如何在选择字符后重新加载模板页面

  24. 24

    发布响应后在angularjs中重新加载数据

  25. 25

    在angularJS中关闭模态后重新加载数据

  26. 26

    从状态删除对象后组件未重新加载,我正在使用React-redux

  27. 27

    状态转换后重新加载数据

  28. 28

    如何从范围AngularJS中删除项目

  29. 29

    重新加载页面时,从 Angular 6 中的 url 中删除 # 后页面不会加载。

热门标签

归档