Добавлен новый маршрут в app-routing.module.ts - ngxAdmin не работает - PullRequest
Новая
       29

Добавлен новый маршрут в app-routing.module.ts - ngxAdmin не работает

1 голос
/ 07 апреля 2020

Я настраиваю шаблон ngx-admin, я пытался добавить новый модуль в модуль приложения. И добавил свой маршрут в app-routing.module.ts. Но это не работает, когда я попробовал открыть. Он застрял при загрузке. В консоли тоже нет ошибки. Поэтому я не понимаю, в чем может быть проблема.

Я добавил этот SignModule для внешних страниц, а не для внутренних страниц

app-routing.module.ts 

import { ExtraOptions, RouterModule, Routes } from "@angular/router";
import { NgModule } from "@angular/core";
import {
  NbAuthComponent,
  NbLoginComponent,
  NbRegisterComponent,
  NbLogoutComponent,
  NbRequestPasswordComponent,
  NbResetPasswordComponent,
} from "@nebular/auth";

const routes: Routes = [

  {
    path: "pages",
    loadChildren: () =>
      import("../app/pages/pages.module").then(m => m.PagesModule),
  },
   //Newly added Module
  {
    path: "sign",
    loadChildren: () =>
      import("../app/sign/sign.module").then(m => m.SignModule),
  },
  {
    path: "auth",
    component: NbAuthComponent,
    children: [
      {
        path: "",
        component: NbLoginComponent
      },
      {
        path: "login",
        component: NbLoginComponent
      },
      {
        path: "register",
        component: NbRegisterComponent
      },
      {
        path: "logout",
        component: NbLogoutComponent
      },
      {
        path: "request-password",
        component: NbRequestPasswordComponent,
      },
      {
        path: "reset-password",
        component: NbResetPasswordComponent,
      },
    ],
  },
  { path: "", redirectTo: "sign", pathMatch: "full" },
  { path: "**", redirectTo: "pages" },
];

const config: ExtraOptions = {
  useHash: false,
  enableTracing: true,
};

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

Это новый модуль, который я добавил. SignModule

файл sign.module.ts 

import { NgModule } from '@angular/core';

import { ThemeModule } from '../@theme/theme.module';

import { SignComponent } from './sign.component';
import { SigninModule } from './signin/signin.module';
import { SignupModule } from './signup/signup.module';
import { SignRoutingModule } from './sign-routing.module';


@NgModule({

  imports: [
    SignRoutingModule,
    ThemeModule,
    SigninModule,
    SignupModule,
  ],
  declarations: [SignComponent],
})
export class SignModule { }

sign-routing.module.ts 

import { NgModule, } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { SigninComponent } from './signin/signin.component';
import { SignupComponent } from './signup/signup.component';
import { SignComponent } from './sign.component';

const routes: Routes = [
  {
    path: '',
    component: SignComponent,
    children: [
      {
        path: 'signin',
        component: SigninComponent
      },
      {
        path: 'signup',
        component: SignupComponent
      },
      {
        path: '',
        redirectTo: 'signin',
        pathMatch: 'full',
      }
    ]
  }

];

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

1 Ответ

1 голос
/ 10 апреля 2020

Это из-за небулярной темы, используемой ngx-admin. Отображаются только те страницы / компоненты, которые обернуты в nb-layout

Вращатель для страниц, обернутых в nb-layout. Следовательно, он пропускает отображение добавленных вами страниц / компонентов. И правильный способ сделать это - 

<nb-layout>
    <nb-layout-column>
      // Your content
    </nb-layout-column>
  </nb-layout>
...