2016-07-26 59 views
2

我可以在新标签中打开一个链接与UI的序列S在一个标签:UI-SREF - 没有<a>标签新标签

<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打开一个新选项卡不可能使用另一个标签而不是a)?

感谢

+1

为什么你想要链接内的链接? – Wawy

+0

每个链接都是一个订单(第一个** a **标签的基本ng-repeat),点击一个订单重定向到订单详细信息。我可以在订单内部有一个按钮(第一个** a **标签),它可以重定向到一个跟踪页面。我希望这两个都可以在新标签中打开 – Ziad

+0

个人来说,这看起来像坏的UX。我会有一个特定的区域,可点击给用户,然后是链接外的另一个区域,即指向跟踪页面的链接。 – Wawy

回答

1

使用buttonngClick指令提供清晰有效的HTML和JS代码

要在功能开放在新标签中通事件的机会,然后再检查CTRL修改

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

它可以很好地工作,但预期的行为是仅当用户按CMD或CTRL(取决于OS)按钮时才在新选项卡中打开链接在点击 – Ziad

+0

这就是为什么你有条件内功能; CMD检查 - > event.metaKey === true; Ctrl检查 - > event.ctrlKey === true; – uamanager

+0

对不起,我还没有看到条件,明天我会试试。为什么在一个a上点击比ui-sref更好的按钮? – Ziad