3

少し角度のあるアプリを書きました。テンプレートに印刷するメニュー項目の配列があります。

<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/'
})

これは明らかに機能しません。2 つの個別の配列を使用せずに、テンプレートに外部 (絶対) リンクを配置するための最良の方法は何でしょうか?

4

3 に答える 3

1

Ui-sref状態を指します。あなたの見解は状態です。外部サイトは状態ではなく、外部リンクです。

メニュー ジェネレーターをリファクタリングして、さまざまな種類のメニュー エントリを処理することをお勧めします。

  • 状態ベースのリンク ( を通じて生成されるリンクui-sref)
  • 標準リンク (href外部リンク、電子メールなどで生成されるリンク)

次に、さまざまなオブジェクトを入力menuItemsするだけですarray

于 2015-06-05T14:20:01.140 に答える