угловая ошибка 2 маршрутизации даже у меня есть запись в @NgModule app.module.ts - PullRequest
Новая
       6

угловая ошибка 2 маршрутизации даже у меня есть запись в @NgModule app.module.ts

0 голосов
/ 27 апреля 2018

Я реализовал угловую маршрутизацию 2, но выдает ошибку как

Uncaught (в обещании): Ошибка: не найдена фабрика компонентов для AdminpanelComponent. Вы добавили его в @ NgModule.entryComponents?

Несмотря на то, что у меня есть запись в app.module entryComponents, я все еще сталкиваюсь с этой ошибкой. Подробности кода ниже.

app.routes.ts 

import {provideRouter, RouterConfig} from '@angular/router';
import { AdminpanelComponent } from './components/adminpanel/adminpanel.component';
import { LoginComponent } from './components/login/login.component';

export const AppRoutes: any = [
    { path: '', component: 'LoginComponent'},
    { path: 'login', component: LoginComponent },
    { path: 'admin', component: AdminpanelComponent },
    { path: '**', component: LoginComponent }
];

export const AppComponents: any = [
    LoginComponent,
    AdminpanelComponent
];

app.module.ts 

 import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { AuthService} from './services/auth.service'

import { AppComponent } from './app.component';
import { NavbarComponent } from './components/navbar/navbar.component';
import { AdminpanelComponent } from './components/adminpanel/adminpanel.component';
import { BalldetailsComponent } from './components/balldetails/balldetails.component';
import { LoginComponent } from './components/login/login.component';

import { RouterModule } from "@angular/router";
import { AppComponents, AppRoutes } from "./app.routes";


@NgModule({
  declarations: [
    AppComponent,
    AppComponents,
    NavbarComponent,
    AdminpanelComponent,
    BalldetailsComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    HttpModule,
    RouterModule,
    RouterModule.forRoot(AppRoutes)
  ],
  providers: [AuthService],
  bootstrap: [AppComponent],
  entryComponents: [
    AppComponent,
    AppComponents,
    NavbarComponent,
    AdminpanelComponent,
    BalldetailsComponent,
    LoginComponent
  ]
})
export class AppModule { }

app.component.html 

<router-outlet></router-outlet>

Любая помощь будет высоко ценится ... Спасибо

...