在ng(Angular)中调用函数以实现在新标签中打开<a>链接,可以通过以下步骤完成:
<a (click)="openLink()">打开链接</a>
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>链接。
领取专属 10元无门槛券
手把手带您无忧上云