在新选项卡中打开按钮上生成的链接

Question

我有一个按钮，它使API调用并生成URL，我想在新选项卡中打开URL，一旦我单击该按钮。

<button (click)="getUrl()">Connect</button>

TS:

getUrl() {
setTimeout(() => {
this.url = 'www.google.com';
console.log(this.url);
}, 1000);
}

从API获取URL并在新选项卡中打开链接的更好方法是什么?API可能需要超过50秒来返回URL

stackblitz链接编辑

Answer 1

使用window.open(this.url, '_blank').focus();像

getUrl() {
setTimeout(() => {
window.open(this.url, '_blank').focus();
this.url = 'www.google.com';
console.log(this.url);
}, 1000);

}}

Answer 2

您可以使用window.open()与目标_blank。如果这回答了你的问题:

window.open(this.url, '_blank');

参见更新后的StackBlitz。