2016-07-26 4 views
2

タグのない新しいタブUI-SREF タグ:今UI-SREF - 私は新しいタブでリンクを開くことができ

<a ui-sref="my-state"></a> 

は、私がリンクを開くことができるようにしたいが新しいタブで、タグ内:

<a ui-sref="my-first-state"> 
    <a ui-sref="my-second-state" ng-click="$event.stopPropagation();"></a> 
</a> 

問題は、我々は別のもの(Is it ok to have an `<a>` inside another `<a>`?)内部タグを持つことができないということです。

これを実現するにはどうすればいいですか?より以外のタグでは、ui-srefで新しいタブを開くことはできません。

おかげ

+1

リンク内にリンクを挿入する理由は何ですか? – Wawy

+0

各リンクは注文(最初の** a **タグの基本ng-repeat)です。注文をクリックすると、注文の詳細にリダイレクトされます。トラッキングページにリダイレクトする注文内のボタン(最初の**タグ**)を持つことができます。私は両方とも新しいタブで開くことができます – Ziad

+0

個人的に悪いUXのように見えます。私は、ユーザーにクリック可能な特定の領域と、追跡ページへのリンクであるリンク外の別の領域を持っています。 – Wawy

答えて

1

使用button明確かつ有効なhtmlとjsのコードを提供するために、ngClickディレクティブ

機能の新しいタブパスイベントの開口部の機会を持っているとし、Ctrlモディファイをチェックするには

e.preventDefault(); 
    if (e.ctrlKey || e.metaKey){//ctrlKey - Windows, metaKey - OSX 
    window.open('http://someurl.com','_blank') 
    } 
+0

をクリックしても問題ありませんが、期待される動作は、ユーザーがCMDまたはCTRL(OSに応じて)ボタンを押したときにのみ新しいタブでリンクを開くことですクリックの間に – Ziad

+0

それはなぜ機能の中にif条件があるのですか? CMDチェック - > event.metaKey === true; Ctrl - > event.ctrlKey === true; – uamanager

+0

申し訳ありませんが、私は条件を見ていない、私は明日これを試してみます。 aボタンのui-srefよりもng-clickが優れているのはなぜですか? – Ziad

関連する問題