在新选项卡iframe angular和non angular应用程序中打开相同的url

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MyComponent } from './my-component';

const routes: Routes = [
  { path: 'my-component', component: MyComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

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

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="openInNewTab()">Open in new tab</button>
  `
})
export class MyComponent {
  constructor(private router: Router) {}

  openInNewTab() {
    const url = 'https://example.com';
    window.open(url, '_blank');
  }
}

function openInNewTab() {
  const url = 'https://example.com';
  window.open(url, '_blank');
}