divをクリックせずにクリック可能なdiv（ng-click）内のタグをクリックするにはどうすればよいですか？

Question

はここのコードです：

<div ng-click="grid.appScope.navToPage(row)"class="ui-grid-cell" ui-grid-cell style="cursor: pointer"> 
    <div class="ui-grid-cell-contents"> 
    <a ng-href="/mywebpage/2" target="_blank"> 
     <span class="glyphicon glyphicon-new-window"></span> 
    </a> 
    </div>' 
</div> 

私はng-clickとdiv要素をクリックせずに、タグのリンクをクリックすることができるようにいくつかの方法を把握したいです。これを行う良い方法はありますか？

Answer 1

を試してみてください。あなたのケースでは、この質問AngularJS ng-click stopPropagation

を見てください、アンカータグは次のようになります。

<a ng-href="/mywebpage/2" ng-click="$event.stopPropagation()" target="_blank"> 
    <span class="glyphicon glyphicon-new-window"></span> 
</a>  

Answer 2

は、あなたはこのようなng-clickなど、多くの角度指令に利用可能である$event.stopPropagation()を使用してクリック伝播を防ぐことができ、この

<a ng-href="/mywebpage/2" target="_blank" ng-click="$event.stopPropagation()"><span class="glyphicon glyphicon-new-window"></span></a>