angular 应该在新窗口中打开链接

Question

how to open below route in new window. I want this route which is for recorder component to open in new window

  closeDialog(requestType) {
    this.dialogRef.close();
    this.router.navigate(["recorder"], { state: { example: requestType } });
  }

Answer 1

router.navigate is to navigate in the same window. You need to use window.open to open a new tab:

closeDialog(requestType) {
    this.dialogRef.close();
    window.open(`${window.origin}/recorder?exampe=${requestType}`, '_blank');
}

Update

You need to specify the third parameter in the window.open method to open a completely new window:

closeDialog(requestType) {
    this.dialogRef.close();
    window.open(`${window.origin}/recorder?exampe=${requestType}`, '_blank', 'width=1024,height=768');
}

Similar answer here:

JavaScript open in a new window, not tab

Answer 2

You can still use the Angular Router and use .then

    closeDialog(requestType: any) {
    this.dialogRef.close();
    const link = `${window.origin}/recorder?exampe=${requestType}`;
    this.router.navigate(["recorder"], { state: { example: requestType } }).then((result: any) => {  window.open(link, '_blank'); });
  }

I added the Angular Router link below fit you'd like to see what other cool stuff it can do.

In keeping with the other answers the link should be whatever you declared - so in the example your link was what I placed, I just type checked it in vs code so I believe this should work. https://angular.io/guide/router