2016-07-28 39 views
0

我有我的文檔中的多個錨標記,我希望把只有一個功能,每錨標記點擊,例如jQuery中多個錨標記單擊事件中使用angularjs

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

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

如何需要angularJs寫。你能幫我麼?

+0

你是如何創造這些錨標記?如果你正在使用NG-重複指令,那麼你可以通過設置href屬性使用ng-href指令和角度路由的數據綁定將在單擊錨點標籤時處理其餘部分,否則可以使用ng-click指令綁定到控制器作用域上的函數。 –

+1

每個錨標籤都可以寫成你的控制器 –

+0

中帶有函數'$ scope.goHome = function(){...}'的' C2486

回答

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像

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

OR

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

它只是一個解決辦法,但我更喜歡你使用JQuery,這將更適合於此。希望這可以幫助。謝謝。


還有很多其他的方法,像使用ng-click和div標籤來做同樣的事情。

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

在控制器,你可以使用

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

你的指令需要限制在A而不是C,而你應該使用$ window而不是直接使用窗口 –

+0

是的你是對的。謝謝你提及。我會更新。 –

相關問題