Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 页面刷新后角度UI路由松散url参数_Angularjs_Parameters_Angular Ui Router_Page Refresh - Fatal编程技术网

Angularjs 页面刷新后角度UI路由松散url参数

Angularjs 页面刷新后角度UI路由松散url参数,angularjs,parameters,angular-ui-router,page-refresh,Angularjs,Parameters,Angular Ui Router,Page Refresh,如何在页面刷新后保留状态的url参数 我有这种状态 .state('App.State', { abstract: true, url: '/App/:param', templateUrl: '/page.html', controller: 'pageCtrl', params: { 'param': null, }, }) 我用这个命令进入这个状态 &l

如何在页面刷新后保留状态的url参数

我有这种状态

   .state('App.State', {
        abstract: true,
        url: '/App/:param',
        templateUrl: '/page.html',
        controller: 'pageCtrl',
        params: {
            'param': null,
        },

    })
我用这个命令进入这个状态

<a ui-sref="App.State({param: paramName})">{{paramName}}</a>
{{paramName}

我使用所需的参数进入状态,但当我刷新页面(f5)时,我松开了参数,如何在页面刷新后保留这些参数?

要保持这些值,您应该在url中添加如下参数:

url: '/App/:param'
并删除params属性。

存在一个从代码中删除
摘要:true

.state('App', {
      template: '<div ui-view ></div>',
})
.state('App.State', {
      //abstract: true,
      url: '/App/:param',
      templateUrl: 'page.html',
      controller: 'pageCtrl',
      params: {
        'param': null,
      },
    })
.state('App'{
模板:“”,
})
.state('App.state'{
//摘要:没错,
url:“/App/:param”,
templateUrl:'page.html',
控制器:“pageCtrl”,
参数:{
“param”:null,
},
})
然后我们可以使用任何类型的url(甚至F5以后)来达到该状态

在这种情况下,我们希望保持该状态的抽象性-我们无法导航到它。我们需要它的孩子。有

.state('App'{
模板:“”,
})
.state('App.state'{
//摘要:没错,
url:“/App/:param”,
templateUrl:'page.html',
控制器:“pageCtrl”,
参数:{
“param”:null,
},
})
.state('App.state.Child'{
网址:“/”,
模板:“App.State.Child”,
})
ui sref不能为空

<a ui-sref="App.State({param: 'xxx'})">
  -- not working while abstract

  • 第二种方法(保持抽象状态)是否适用于多个参数,即参数对象有两个键,但路由中仅显示一个键?重点是。。url是唯一一个在刷新(或发送url并稍后打开)后仍然有效的部分。答案是否定的。只有
    url
    stuff将继续有效。希望能有点帮助;)享受UI路由请看一看。你能建议一个更好的方法来达到同样的效果吗?
    <a ui-sref="App.State({param: 'xxx'})">
      -- not working while abstract
    
    <a ui-sref="App.State.Child({param: 'yyy'})">