angularjs – 如何从ui-router中的视图传递自定义数据到状态?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何从ui-router中的视图传递自定义数据到状态?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用$ stateProvider进行路由配置。我想利用他们提供的自定义数据将一些自定义数据从一个部分页面传递到另一个部分页面(点击)。

这是我到目前为止最好的

Attach Custom Data to State Objects

You can attach custom data to the state object (we recommend using a
data property to avoid conflicts).

06000

With the above example states you could access the data like this:

06001

Source

假设我有另一个状态叫做客户自己的模板和控制器。如何在客户控制器/视图中更改联系人的状态数据对象的值?
即:我想从此改变:

data: {
            customData1: 44,customData2: "red"
        }

到这个:

data: {
            customData1: 100,customData2: "green"
        }

任何指针或样品将不胜感激!

修改了 – 我让它自己工作,这里是怎么样的。
在控制器上(例如:customerCtrl),您可以通过名称获取联系人的状态,并进行所需的更改,例如更新自定义数据对象的属性值,如下所示:
//通过名称获取状态并更改自定义数据属性的值

$state.get('contacts').data.customData1= 100;
 $state.go('contacts');// then you can make a go to that state.

我希望这将有助于某人。

我得到了自己的工作,这里是如何。在控制器上(例如:customerCtrl),您可以按名称( https://github.com/angular-ui/ui-router/wiki/Quick-Reference#statename)获取联系人的状态
并查找$ state.get([stateName])
)
获得状态后,您可以进行所需的更改,例如更新自定义数据对象的属性值,如下所示:
//get the state by name and change the value of custom data property 
 $state.get('contacts').data.customData1= 100;
  // then you can go to that state.
 $state.go('contacts');

我希望这将有助于某人。

猜你在找的Angularjs相关文章