多个锚标签使用angularjs单击事件

时间:2016-07-28 09:37:59

标签: angularjs

我的文档中有多个锚标记,我想为每个锚标记点击只放一个函数,例如在jQuery中

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

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

我需要如何写入angularJs。你能帮帮我吗?

1 个答案:

答案 0 :(得分: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。希望这可以帮助。谢谢。

还有许多其他方法,例如使用带有div标签的ng-click来执行相同的操作。

  

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

在控制器中,您可以使用

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