HrefはAngularjsの親クリックをオーバーライドします

Question

他のものとhrefやng-clickをオーバーライドすることについて多くの質問がありましたが、私の質問は異なります。 私はこのような一部のHTMLコードしている：

<tr ng-click="doSomething()"> 
    <complicated html> 
    <a href="http://somelink">blablabla</a> 
    </complicated html> 
</tr> 

可能であれば私が望む何を：ユーザがリンクをクリックしたとき、NG-クリックがトリガされず、ユーザーが唯一のリンクにアクセスしてください。

これは可能ですか？ stackoverflowに関する他の質問は、同じタグ内にあるng-clickとhrefについて質問しますが、そうではありません。

ありがとうございました！

Answer 1

私はあなたのdoSomething()機能が何であるか分かりません。あなたがそこでやっていることですが、これはあなたのための解決策になるかもしれません。

$scope.doSomething = function(event) { 
    if (event.target.nodeName === 'A' || event.target.tagName === 'A') { 
    console.log('target was <a>'); 
    } else { 
    console.log('target was not <a> - do something'); 
    } 
}; 

HTML：

<table> 
    <tr ng-click="doSomething($event)"> 
    <td><a href="http://google.com" target="_blank">blablabla</a></td> 
    </tr> 
</table> 

あなたがクリックされた要素がアンカーリンクであるかどうかをチェックし、それに基づいてものを行います。あなたは明らかにこれを多くの異なる状況に合わせることができます。

EDIT：

あなたはについてtagname vs nodenameを読んで、あなたがそれをやりたいかを決めることができます。

Answer 2

thepioのソリューションが機能します。しかし、あなたはあなたのdoSomething機能を変更したくない場合は、ここで代替の方法です：コントローラで

<tr ng-click="doSomething()"> 
    <complicated html> 
    <a href="" ng-click="navigateToSomeLink($event)">blablabla</a> 
    </complicated html> 
</tr> 

は、navigateToSomeLink()

$scope.navigateToSomeLink = function($event) { 
    $event.stopPropagation();  
    $window.open('http://somelink', '_blank'); 
}