在ui-sref中动态更改状态和参数

Question

使用ui-router我想在ng-repeat中动态设置ui-sref指令，如下所示：

<a ng-repeat="step in steps" ui-sref="{{step.state(step.param)}}"></a>

其中步骤是一个＆＃34;状态对象数组＆＃34;每个都有自己的状态和param对象：

var steps = [{state: 'foo', param: {id: 'bar'}}, {...}];

抛出插值错误。另一方面，只传递状态OR param动态地在下面运行：

// Pass only dynamic state works great
<a ng-repeat="step in steps" ui-sref="{{step.state}}"></a>
// Pass only dynamic param works great
<a ng-repeat="step in steps" ui-sref="foo(step.param)"></a>

我尝试使用ng-click作为一种hacky解决方法，但它对ui-sref-active没有很好的效果：

<a ng-repeat="step in steps" ng-click="$state.go(step.state, step.param)"></a>

是否有人熟悉动态传递状态和参数的好方法？

Answer 1

我认为ui-sref将解析(和)中的内容作为表达式。

所以你要做的就是这个。

<a ng-repeat="step in steps" ui-sref="{{step.state}}(step.param)"></a>

不确定上述是否有效，但这是我要尝试的第一件事。