我创建路径与深层次的路径.我将AdminComponent中的这个组件添加到NgModule中.但刷新页面后,我收到错误：
'router-outlet' is not a known element
也许这是因为我忘记导入一些模块到admin.module.ts
请帮忙.谢谢.
app.routes.ts
export const routes: Routes = [
{
path: '',component: AppComponent,children: [
{
path: '',component: LoginComponent
},{
path: 'admin',component: AdminComponent
},{
path: 'user',component: UserComponent
},{
path: 'there',component: ThereComponent
}
]
}
]
app.module.ts
@NgModule({
imports: [
BrowserModule,AppRoutes,FormsModule,ReactiveFormsModule,HttpModule,RouterModule,TranslateModule.forRoot({
provide: TranslateLoader,useFactory: (http: Http) => {
return new TranslateStaticLoader(http,'./src/assets/i18n','.json')
},deps: [Http]
}),UserComponentModule,AdminComponentModule,LoginComponentModule,ThereComponentModule,DashboardComponentModule
],declarations: [
AppComponent
],providers: [
FormBuilder
],bootstrap: [AppComponent]
})
admin.component.ts和admin.module.ts
// admin.component.ts
import {Component} from "@angular/core";
@Component({
selector: 'admin',template: "<router-outlet></router-outlet>",})
export class AdminComponent {
constructor() {
}
}
// admin.module.ts
const ADMIN_DECLARATION = [
AdminComponent
];
@NgModule({
imports: [
BrowserModule,TranslateModule,ReactiveFormsModule
],declarations: [
ADMIN_DECLARATION
],exports: [
ADMIN_DECLARATION
],providers: [
TranslateService,FormBuilder
]
})
export class AdminComponentModule {
}
AdminComponent是AdminComponentModule的一部分,您尚未在AdminComponentModule模块中导入RouterModule：
// admin.component.ts
import {Component} from "@angular/core";
@Component({
selector: 'admin',FormBuilder
]
})
export class AdminComponentModule {
}
