是否可以在 Angular 的新选项卡中打开 mat-dialog？

Question

我只是想知道它可以在 Angular 的新选项卡中打开对话框。

原来的在同一页面中打开对话框，但我想在新选项卡或窗口中打开对话框。

有可能吗？如果是这样，我该如何处理？

Answer 1

我的 app-routing.module

import { HomeComponent } from './components/home/home.component';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { SettingsComponent } from './components/settings/settings.component';

const routes: Routes = [
{
path: '',
component: HomeComponent
 },
  {
path: 'settings',
component: SettingsComponent
}
];

@NgModule({
  imports: [RouterModule.forRoot(routes, {useHash: true})],
  exports: [RouterModule]
  })


export class AppRoutingModule {
}

我的 app.model

@NgModule({
   declarations: [
   AppComponent,
   HomeComponent,
   WebviewDirective,
   SettingsComponent
  ],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
AppRoutingModule,
TranslateModule.forRoot({
  loader: {
    provide: TranslateLoader,
    useFactory: (HttpLoaderFactory),
    deps: [HttpClient]
  }
})
  ],
 providers: [ElectronService],
 bootstrap: [AppComponent]
})
 export class AppModule {
}

我的 home.component：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
 })
export class HomeComponent implements OnInit {

  constructor() {
  }

  ngOnInit() {

const remote = require('electron').remote;
const BrowserWindow = remote.BrowserWindow;

// Create a browser window
const win = new BrowserWindow({
  width: 800,
  height: 600,
  center: true,
  resizable: false,
  frame: true,
  transparent: false
});

// Load the page + route
win.loadURL('file://' + __dirname + '/index.html#/settings');
  }

}