我写了一个 Angular 小应用程序。我在模板中打印了一系列菜单项:
<nav id="menu">
<ul>
<li ng-repeat="i in menuItems"
ui-sref="{{ i | removeSpacesThenLowercase }}"
ui-sref-active="active">{{ i }}</li>
</ul>
</nav>
在我的 app.js 中,我使用 ui-router
声明了我的状态,例如:
.state('camera', {
url: '/selection',
templateUrl: '/views/selection.html',
uiShade: 'light back',
back: 'intro'
})
内部 URL 工作正常,但如果我想这样做怎么办?
.state('facebook', {
url: 'https://www.facebook.com/'
})
这显然行不通。在没有两个单独数组的情况下,在我的模板中包含一些外部(绝对)链接的最佳方法是什么?
最佳答案
Ui-sref
指的是一个状态。你的观点就是状态。外部站点不是状态,它只是一些外部链接。
我建议您重构菜单生成器以处理不同类型的菜单条目:
- 基于状态的链接(通过
ui-sref
生成的链接) - 标准链接(通过
href
生成的链接,用于外部链接、电子邮件等)
然后你只需要用不同对象的数组
填充menuItems
关于javascript - AngularJS ui-sref 外部(绝对)链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30668400/