在ui-router中用于AngularJS的没有URL的状态的参数

前端之家收集整理的这篇文章主要介绍了在ui-router中用于AngularJS的没有URL的状态的参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用ui路由器来表示我的AngularJS应用程序中的状态。在其中我想更改状态,而不更改URL(基本上“详细视图”更新,但这不应影响URL)。

我使用< a ui-sref =“item.detail({id:item.id})”>以显示详细信息,但这只有在我在$ stateProvider中指定像url:“/ detail-:id”这样的URL时才有效。

在我看来,当前状态只通过URL定义。

感谢您的答案,它确实帮助我在正确的方向,但我只是想添加一个更完整的描述。

在我的具体问题有一个复杂因素,因为我需要注入一个非URL参数的状态是一个子状态。这复杂的事情轻微。

params:[‘id’]部分在$ stateProvider声明中,如下所示:

$stateProvider.state('parent',{
    url: '/:parentParam',templateUrl: '...',controller: '...'
}).
state('parent.child',{
    params: ['parentParam','childParam'],controller: '...'
});

并且param名称连接到ui-sref属性,如下所示:

<a ui-sref=".child({ childParam: 'foo' })">

抓住的是这:

If the parent state also has a URL parameter then the child needs
to also declare that in its params array. In the example above “parentParam” must be included in the childstate.

如果不这样做,那么当应用程序初始化时将抛出一个模块错误。这在写入时的最新版本(v.0.2.10)至少是这样。

编辑

@gulsahkandemir指出

Declaration of params in a state definition has changed to params: {
id: {} } from params: [‘id’]

从changelog看,这似乎是从v0.2.11开始的情况

params can be found in the official docs的详细信息

猜你在找的Angularjs相关文章