Угловая ui.router динамический пользовательский интерфейс-sref

Question

У меня есть приложение с 2-состояниями:

• profile
• settings

У меня есть связь, которая повторяется в целом мое приложение:

<a ui-sref="profile({id:profile.id})" ui-sref-active="active">Current state + ID</a> 

Как я могу изменить ui-sref как динамический? - для представления текущего состояния наряду с текущим stateParam, что я хочу (что id)

при поиске решения, иметь в виду, что я хочу быть abble использовать ui-sref-active, так что я предпочел бы избежать нг-клик на что-то вроде этого.

Answer 1

Я думаю, что ui-sref проанализирует то, что находится внутри (и) как выражение.

Итак, все, что вам нужно сделать, это.

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

Answer 2

Я думаю, самым безопасным и понятным способом является использование простой if else:

<div ng-if="checkState == 'profile'"> 
     <a ui-sref="profile({id:profile.id})" ui-sref-active="active">Current state + ID</a> 
</div> 

<div ng-if="checkState == 'settings'"> 
     <a ui-sref="settings({id:profile.id})" ui-sref-active="active">Current state + ID</a> 
</div> 

уверен, что будет работать ...

Answer 3

$scope.routers = [ 
    { 
    state: 'profile', 
    params: {id: 1} 
    }, 
    { 
    state: 'settings', 
    params: {id: 1} 
    } 
]; 

Вид:

<a ng-repeat="router in routers" ui-sref="{{router.state}}(router.params)"></a>