【问题标题】:refresh the state and controller when reloading the page重新加载页面时刷新状态和控制器
【发布时间】:2016-05-11 16:05:46
【问题描述】:

我遇到了这个烦人的问题,当我刷新页面时,它并没有重新加载控制器或状态。我正在使用 ui-router 和 Angularjs。我不明白,因为只有一页有这个问题。 这是我的 app.js: (这个app.organization有这个问题的页面):

var route = angular.module('route', ["ui.router","starter"])
route.config(function($stateProvider, $urlRouterProvider){

    // For any unmatched url, send to /route1
    $urlRouterProvider.otherwise("/app")

    $stateProvider


        .state('app',{
            abstract:false,
            url:"/app",
            templateUrl: "views/header.html",
            controller:"homeCtrl"

        })
        .state('app.organization', {
            url: "/organization:id",
            templateUrl: "views/organization.html",
            controller:"homeCtrl"
        })
        .state('app.usersingle',{
        url:"/user:id?page:iterate",
        templateUrl: "views/single_user.html",
        controller:"userCtrl"
        })
        .state('app.ticket',{
            url:"/ticket:id/author:myid",
            templateUrl: "views/ticket.html",
            controller:"ticketCtrl"
        })
    });

在我的控制器中,我将其声明为:

 .controller('homeCtrl',['$state','$stateParams','$scope','dropdown','userdisplay','displayfilter','$q','$http',

        function ($state,$stateParams,$scope,dropdown,userdisplay,displayfilter,$q,$http) {

// doing request etc...

}])

我真的不知道问题出在哪里,我该如何解决,如果有任何帮助将不胜感激。

【问题讨论】:

  • 刷新是指(CTRL+R (F5) 刷新)还是以编程方式尝试重新加载相同的状态?
  • 当我说刷新时我的意思是是的 (CTRL+R(F5))

标签: angularjs angular-ui-router


【解决方案1】:

这是因为我们对app.organization 的状态定义不正确。 修改如下:

    .state('app.organization', {
        url: "/organization/:id",
        templateUrl: "views/organization.html",
        controller:"homeCtrl"
    });

进一步看,我认为这个问题也存在于其他州。纠正它们,它应该可以工作。详情请参考:https://github.com/angular-ui/ui-router/wiki/URL-Routing#url-parameters

【讨论】:

  • 在这一点上你是对的,但这并不能解决我的问题。我仍然有刷新不工作的问题
  • 我的代码是这样的:plnkr.co/edit/C2XsdzRdzJ5gup7RAtXY?p=preview,我不能做一个工作的 plunker,因为我在控制器中提出了很多请求和很多东西,而没有用给你展示一个代码台
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-11-30
  • 2017-12-30
  • 1970-01-01
  • 2021-11-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多