javascript - AngularJS ui-sref 外部(绝对)链接

Question

我写了一个 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/'
})

这显然行不通。在没有两个单独数组的情况下，在我的模板中包含一些外部(绝对)链接的最佳方法是什么？

Answer 1

Ui-sref 指的是一个状态。你的观点就是状态。外部站点不是状态，它只是一些外部链接。

我建议您重构菜单生成器以处理不同类型的菜单条目:

• 基于状态的链接(通过ui-sref生成的链接)
• 标准链接(通过href生成的链接，用于外部链接、电子邮件等)

然后你只需要用不同对象的数组填充menuItems