Как добавить другой компонент в HomeComponent? - PullRequest
Новая
       35

Как добавить другой компонент в HomeComponent?

0 голосов
/ 20 сентября 2019

Я использую тему Adimlte в своем угловом проекте https://github.com/ramsatt/ng6AdminLTE Использование Angular 8 в asp.netCore 2.2 1. Как я могу добавить несколько компонентов в теме 2. Как я могу использовать правильную маршрутизацию компонентов 3.RouterLink не может работать в SideMenu.Затем я использовал href, чтобы показать страницы, но, кажется, выглядит не очень хорошо, я делюсь некоторым кодом, который я делаю.// в app.module.ts const appRoutes: Routes = [{path: '', component: LoginComponent}, {path: 'Dashboard', component: HomeComponent}, 

      {
        path: 'MainCategory',
        component: HomeComponent,
        children: [
          { path: '', component: MainCategoryComponent },
        ]
      },
       {
         path: 'CustomerProfile',
         component: HomeComponent,
         children: [
           { path: '', component: CustomerProfileComponent },
         ]
      },
      {
        path: 'SubMainCategory',
        component: HomeComponent,
        children: [
          { path: '', component: CustomerSubCatergoryComponent },
        ]
      }

    @NgModule({
      declarations: [
        AppComponent,
        TopnavbarComponent,
        AsidenavbarComponent,
        FooternavbarComponent,
        SettingsnavbarComponent,
        LoginComponent,
        HomeComponent,
        MainCategoryComponent,
        CustomerProfileComponent,
        CustomerSubCatergoryComponent
      ], imports: [
        BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
        ModalModule,
        RouterModule,
        CommonModule,
        RouterModule.forRoot(appRoutes),
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

    /////////////////////////////////////////////////
    ///In homecomponent.html

    <div class="wrapper">
      <app-topnavbar></app-topnavbar>
      <app-asidenavbar></app-asidenavbar>
      <div class="content-wrapper">
        <section class="content-header">
          <router-outlet></router-outlet>
        </section>
      </div>
      <app-footernavbar></app-footernavbar>
      <app-settingsnavbar></app-settingsnavbar>
    </div>

// В Appcomponent.html

...