如何在angular 4/5组件中获取锚标签点击事件，而无需在每个锚标签上使用ng-click

在Angular 4/5组件中，可以通过使用Angular的事件绑定机制来获取锚标签的点击事件，而无需在每个锚标签上使用ng-click。

首先，在组件的HTML模板中，可以使用Angular的事件绑定语法来监听锚标签的点击事件。在锚标签上添加一个点击事件处理函数，可以使用(click)来绑定事件，然后在组件的类中定义该事件处理函数。

例如，假设有一个锚标签如下：

<a href="#" (click)="handleAnchorClick()">点击我</a>

然后，在组件的类中，定义handleAnchorClick()方法来处理点击事件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  handleAnchorClick() {
    // 在这里处理锚标签的点击事件
    console.log('锚标签被点击了');
  }
}

当点击锚标签时，handleAnchorClick()方法会被调用，并在控制台输出"锚标签被点击了"。

这种方式可以在组件中获取锚标签的点击事件，而无需在每个锚标签上使用ng-click。同时，这种方式也符合Angular的事件绑定机制，使代码更加清晰和易于维护。

推荐的腾讯云相关产品和产品介绍链接地址：