angularjs - リンクへの右クリックでイベント「新しいタブでリンクを開く」をインターセプトする方法

Question

 <a href="" ng-click="viewArticle($index +(currentPage*pageSize))">
    <img ng-src="{{suggestion.imageUrl}}" class="widget-cse__content__item-title-img"/>

    <div class="widget-cse__content__item-title">{{suggestion.title}}</div>
 </a>

上記のコードがあります。クリック イベントでは、クリック カウンターがインクリメントされる場所で viewArticle メソッドが呼び出されます。ここでは href は使用されていないため、値は空です。ただし、ユーザーがリンクを右クリックして「リンクを新しいタブで開く」を選択した場合の処理​​方法がわかりません。

Answer 1

hrefクリックイベント を生成したい場合は、イベントを使用して、 、 、などng-mousedownのイベントを実行できるようにする必要があります。open link in new tabopen link in new windowclick

HTML:

<a href="javascript:void(0)" ng-mousedown="viewArticle($event, data)">{{label}}</a>

JS:

  $scope.viewArticle = function (event, data) {

         // Do your work here
         .......

         // After that set href
         jQuery(event.target).attr('href', 'view/article');


  };