在<a>元素中优先处理ngclick over nghref

Question

tl; dr:如何强制angular只在<a>元素中执行ngclick指令而不清空/删除href？

我的网站在某些元素上有一些自定义行为(模态打开,位置栏更新等)但是对于SEO索引我还需要它是一个包含有效链接<a>的href属性的元素.

如:

<a href="/{{item.url}}" ng-click="doCustomStuff(item)">some link</a>

但是,angular也会执行,href并且路由使我的自定义ng-click逻辑无用.

有没有办法扭转这种行为？

Answer 1

你应该将$event参数传递给onclick函数并执行e.preventDefault()方法;

<a ng-click="clickHandler($event)" href="/home" >home</a>

在控制器中:

$scope.clickHandler = function(e){
   e.preventDefault();
}

例: