如何使用$state.go toParams和$stateParams发送和检索参数？
如何使用$state.go toParams和$stateParams发送和检索参数？
提问于 2013-10-22 19:37:18
我使用的是AngularJS v1.2.0-rc.2和ui-router v0.2.0。我想将引用状态传递给另一个状态，所以我使用$state.go的toParams，如下所示：
$state.go('toState', {referer: $state.current.name});根据docs，这应该填充toState控制器上的$stateParams，但它是undefined。我遗漏了什么？
我已经创建了一个plunk来演示：
回答 10
Stack Overflow用户
回答已采纳
发布于 2013-10-22 19:46:28
我所要做的就是向url状态定义中添加一个参数，如下所示
url: '/toState?referer'多！
Stack Overflow用户
发布于 2014-05-30 02:38:11
如果您想传递非URL状态，则在设置state时不能使用url。我在公关上发现了the answer，为了更好地理解它，我做了一些胡闹。
$stateProvider.state('toState', {
templateUrl:'wokka.html',
controller:'stateController',
params: {
'referer': 'some default',
'param2': 'some default',
'etc': 'some default'
}
});然后，您可以像这样导航到它：
$state.go('toState', { 'referer':'jimbob', 'param2':37, 'etc':'bluebell' });或者：
var result = { referer:'jimbob', param2:37, etc:'bluebell' };
$state.go('toState', result);因此，在HTML中：
<a ui-sref="toState(thingy)" class="list-group-item" ng-repeat="thingy in thingies">{{ thingy.referer }}</a>这个用例在文档中完全没有涉及，但我认为这是一种在不使用URL的情况下转换状态的强大方法。
Stack Overflow用户
发布于 2015-03-07 06:18:55
不确定它是否能与ui-router v0.2.0的AngularJS v1.2.0-rc.2一起工作。我已经在AngularJS v1.3.14和ui-router v0.2.13上测试了这个解决方案。
我只是意识到没有必要像gwhn推荐的那样在URL中传递参数。
只需在状态定义中添加带有默认值的参数即可。您的州仍然可以有URL值。
$stateProvider.state('state1', {
url : '/url',
templateUrl : "new.html",
controller : 'TestController',
params: {new_param: null}
});并将该参数添加到$state.go()
$state.go('state1',{new_param: "Going places!"});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19516771
复制相关文章
相似问题