Ändern Sie sowohl den Staat und die Parameter dynamisch im ui-sref

Mithilfe von ui-router ich möchte gerne die ui-sref-Richtlinie dynamisch innerhalb einer ng-repeat, etwa so:

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

Wo Schritte ist ein array von "Status-Objekte" mit Ihren jeweils eigenen Staat und param-Objekt:

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

Wirft eine interpolation Fehler. Auf der anderen hand, indem nur der Staat ODER param dynamisch funktioniert Super pro unten:

//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>

Versuchte ich mit ng-click als hacky-workaround, aber es hat auch nicht gut gespielt mit den ui-sref-aktiv:

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

Ist jeder, der sich mit einer guter Weg, um pass Staates und der param dynamisch?

Schreibe einen Kommentar