如何在ng上调用函数-单击能够在新标签中打开的<a>链接

在ng（Angular）中调用函数以实现在新标签中打开<a>链接，可以通过以下步骤完成：

在组件的HTML模板中，使用<a>标签来创建链接，并通过点击事件调用组件中的函数。例如：

<a (click)="openLink()">打开链接</a>

在组件的Typescript文件中，定义一个函数来处理点击事件，并在该函数中使用window.open()方法来打开链接。例如：

openLink() {
  window.open('https://www.example.com', '_blank');
}

在上述代码中，https://www.example.com是要打开的链接地址，'_blank'表示在新标签页中打开链接。

如果需要在新标签中打开动态生成的链接，可以将链接地址作为函数的参数传递，并在函数中使用该参数来打开链接。例如：

<a (click)="openLink('https://www.example.com')">打开链接</a>

openLink(url: string) {
  window.open(url, '_blank');
}

这样，当用户单击链接时，将会调用openLink函数，并在新标签页中打开指定的链接。

需要注意的是，为了确保在Angular中调用window.open()方法能够正常工作，需要在组件的构造函数中注入DomSanitizer服务，并使用bypassSecurityTrustUrl()方法对链接地址进行安全处理。具体代码如下：

import { DomSanitizer, SafeUrl } from '@angular/platform-browser';

constructor(private sanitizer: DomSanitizer) {}

openLink(url: string) {
  const safeUrl: SafeUrl = this.sanitizer.bypassSecurityTrustUrl(url);
  window.open(safeUrl.toString(), '_blank');
}

这样，就可以在ng上调用函数，实现在新标签中打开<a>链接。