Как мы можем использовать несколько выходов маршрутизатора в приложении Angular + Nativescript?

Question

Я работаю над приложением Nativescript + Angular и в настоящее время у меня есть требование множественного выхода в моем приложении.

Я хочу использовать разные розетки-2 для разных компонентов.

Вот мой пример кода:

app.component.html

<page-router-outlet name="login"></page-router-outlet>
<page-router-outlet name="register"></page-router-outlet>

приложение-routing.module.ts

const routes: Routes = [
  { path: "", component: LoginComponent, outlet: 'login' },
  { path: "register", component: RegisterComponent, outlet: 'register' }
];


@NgModule({
  imports: [NativeScriptRouterModule.forRoot(routes)],
  exports: [NativeScriptRouterModule]
})

Я получаю пустой экран с этим кодом. Если кто-нибудь знает, пожалуйста, дайте мне знать, как мы можем справиться с этим.

Answer 1

Используйте этот код для нескольких выходов маршрутизатора в Angular + Nativescript.

приложение-routing.module.ts: -

import { NgModule } from "@angular/core";
import { Routes } from "@angular/router";
import { NSEmptyOutletComponent } from "nativescript-angular";
import { NativeScriptRouterModule } from "nativescript-angular/router";

const routes: Routes = [
{
    path: "",
    redirectTo: "login",
    pathMatch: "full"
},
{
    path: "login",
    component: NSEmptyOutletComponent,
    loadChildren: "~/app/login/login.module#LoginModule",
    outlet: "login"
},
{
    path: "register",
    component: NSEmptyOutletComponent,
    loadChildren: "~/app/register/register.module#RegisterModule",
    outlet: "register"
}
];

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

app.component.html: -

<page-router-outlet name="login">
</page-router-outlet>

<page-router-outlet name="register">
</page-router-outlet>

Answer 2

На самом деле, вам не нужно использовать роутер-розетку, но это очень сложно сделать ... Я делаю это, используя в качестве ссылки этот репо