首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角ui.router动态ui

角ui.router动态ui
EN

Stack Overflow用户
提问于 2016-06-30 03:34:22
回答 3查看 1.7K关注 0票数 4

我有一个有两个状态的应用程序:

  • profile
  • settings

我在我的整个应用程序中有一个重复的链接:

代码语言:javascript
运行
复制
<a ui-sref="profile({id:profile.id})" ui-sref-active="active">Current state + ID</a>

如何将ui-sref更改为动态的?-表示当前状态以及所需的当前stateParam (即id)。

在找到解决方案时,请记住,我希望避免使用ui-sref-active,因此我宁愿避免使用这样的东西。

EN

回答 3

Stack Overflow用户

发布于 2016-06-30 03:38:57

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

所以你要做的就是这个。

代码语言:javascript
运行
复制
<a ng-repeat="step in steps" ui-sref="{{step.state}}(step.param)"></a>
票数 6
EN

Stack Overflow用户

发布于 2016-06-30 03:42:58

我想最安全和最容易理解的方法是使用简单的if else

代码语言:javascript
运行
复制
<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>

肯定会成功的..。

票数 1
EN

Stack Overflow用户

发布于 2016-06-30 03:47:27

代码语言:javascript
运行
复制
$scope.routers = [
  {
    state: 'profile',
    params: {id: 1}
  },
  {
    state: 'settings',
    params: {id: 1}
  } 
];

查看:

代码语言:javascript
运行
复制
<a ng-repeat="router in routers" ui-sref="{{router.state}}(router.params)"></a>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38113541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档