Ich habe Routen mit tiefen untergeordneten Pfaden erstellt. Ich <router-outlet>
habe der AdminComponent- Komponente hinzugefügt , die ich in NgModule eingeschlossen habe. Aber nach dem Aktualisieren der Seite bekam ich diesen Fehler:
'router-outlet' is not a known element
Vielleicht ist es passiert , weil ich vergessen habe, ein Modul in admin.module.ts zu importieren
Bitte helfen Sie. Vielen Dank.
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 und 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,
FormsModule,
ReactiveFormsModule
],
declarations: [
ADMIN_DECLARATION
],
exports: [
ADMIN_DECLARATION
],
providers: [
TranslateService,
FormBuilder
]
})
export class AdminComponentModule {
}
angular
angular2-routing
Станислав П
quelle
quelle
;
Antworten:
AdminComponent
ist Teil vonAdminComponentModule
und Sie haben nichtRouterModule
innerhalb desAdminComponentModule
Moduls importiert :// 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, RouterModule, FormsModule, ReactiveFormsModule ], declarations: [ ADMIN_DECLARATION ], exports: [ ADMIN_DECLARATION ], providers: [ TranslateService, FormBuilder ] }) export class AdminComponentModule { }
quelle
Sie haben das RouterModule nicht exportiert.
@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] })
quelle
Fügen Sie diesen Code hinzu
import { provideRoutes} from '@angular/router';
zu deinem
app.module.ts
Hat für mich gearbeitet.
quelle
In Ihrer Datei app.module.ts
import { routing } from './app-routing.module'; //and then write within imports @NgModule({ declarations: [ AppComponent, NavbarComponent ], imports: [ BrowserModule, **routing**, EmployeeModule ],
quelle
Das funktioniert bei mir:
Fügen Sie ein Schema
[NO_ERRORS_SCHEMA]
in AppModule hinzu.quelle
app.module.ts
quelle