2016-07-28 7 views
0

を使用してイベントをクリックして、私はすべてのアンカータグをクリック1つだけの機能を置きたい、例えばjQueryの複数のアンカータグ私は私の文書に複数のアンカータグを持っているangularjs

$(document).on('click','a',function(){ 

    window.location.href='/Home.html' 
}); 

。手伝ってくれませんか?

+0

どのようにあなたはNGリピートディレクティブを使用している場合、その後、あなたはを通してHREFプロパティを設定することができます?これらのアンカータグを作成しているを使用することができ、コントローラで

<div ng-click="myEvent()"></div>

ng-hrefディレクティブと角度ルーティングを使用したデータバインディングは、アンカータグがクリックされたときに残りの部分を処理します。そうしないと、ng-clickディレクティブを使用してコントローラのスコープの関数にバインドできます。 –

+1

それぞれのアンカータグは、あなたのコントローラに$ scope.goHome = function(){...} '関数で'

答えて

0

あなたはディレクティブを作成し、タグをあなたのビューで

app.directive('myevent', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      element.bind('click', function($event) { 
       $window..location.href = '/Home.html' //your link here 
      }); 
     } 
    } 
}); 

を固定するためにそれを追加することができますすることができます

<div myevent class="click">click me</div>

OR

のようなアンカータグまたは通常のdivでこの

<a myevent href="#">click me</a>

これは単なる回避策ですが、私はJQueryを使用することをお勧めします。お役に立てれば。ありがとうございました。


divタグでng-clickを使用して同じことを行う方法は他にもたくさんあります。あなたは

$scope.myEvent() { 
$window..location.href = '/Home.html' //your link here 
} 
+2

ディレクティブはCではなくAに制限する必要があります。そして、直接ウィンドウではなく$ウィンドウを使用する必要があります –

+0

はい、あなたは正しいです。言及いただきありがとうございます。私は更新します。 –

関連する問題