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

Question

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

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

其中steps是一个"状态对象"数组,每个状态对象都有自己的状态和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>

不确定上述是否有效,但这是我会尝试的第一件事.