Можно ли открыть mat-диалог на новой вкладке в Angular?

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.modle

@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');
  }

}