单击新选项卡中的打开链接时,ng-click不起作用

时间:2016-07-15 13:31:53

标签: javascript angularjs

ng-clickng-href指令一起使用时将首先执行click功能。在以下示例中,将阻止导航到Google并显示警报。

<a ng-href='http://google.com' ng-click="click($event)">Link</a>

$scope.click = function (event) {
    event.preventDefault();
    alert('click has been trigerred');
}

仅当用户使用鼠标左键单击链接时,这才有效。如果用户尝试在新标签页中打开链接,则不会触发点击事件。在某种程度上它似乎是正确的,因为它并不严格地说&#34;点击&#34;,但是在新标签中是否有处理开放链接的Angular指令?

更新

我不想以编程方式打开新标签页,而是处理用户打开新标签页的事件。

1 个答案:

答案 0 :(得分:1)

您可以在点击时使用另外一个功能,而不是使用ng-href,这将为您打开新选项卡。

<a  ng-click="openTab(); click($event)">Link</a>

$scope.click = function (event) {
    event.preventDefault();
    alert('click has been trigerred');
}
$scope.openTab() {
    $window.open('https://www.google.com', '_blank');
}