有条件UI-SREF和同一链路

Question

NG-点击我有，目前看起来是这样的一个指令的链接：

<a href="" ng-href="{{tile.type === 'article' ? '/article/' + tile.slug : ''}}" ng-click="tile.type === 'video' && openVideo({id: tile.videoId})"></a> 

这里的逻辑是这样的： - 如果tile.type是article，连结应点击

时如果 tile.type是 video链接应该离开href值空和执行 openVideo功能

的问题是，对于视频链接，href值完全是 - 创建一个href值，如果点击应该去此相关的URL 删除了链接丢失原生链接样式，例如悬停时鼠标光标发生变化。我也宁愿使用ui-sref而不是ng-href，但我似乎无法得到有条件的声明。

这样做的正确方法是什么？

Answer 1

只需使用NG-IF：

<a ng-if="tile.type === 'article'" ng-href="{{'/article/' + tile.slug}}"></a> 
<a ng-if="tile.type === 'video'" href="" ng-click="openVideo({id: tile.videoId})"></a> 

您可以使用UI-S参考以及

Answer 2

选项1：只使用NG-点击和处理通过$ state.go内部链接NG单击功能。

选项2：使用https://christopherthielen.github.io/ui-router-extras/#/sticky为视频创建syntetic并行路径，或截取$ stateChangeStart中的视频路由更改（打开视频并阻止状态更改）。