Ich mache ein Layout-Objekt, das mehrere Kinder hat und ich möchte das Elternobjekt das Routing für alle untergeordneten Objekte deklarieren - vorzugsweise nicht in meiner app.module.ts.Name nicht gefunden @Routes
Hier ist meine Auszeichnung für meine HomeLayoutComponent
<router-outlet name="body"></router-outlet>
<router-outlet name="css"></router-outlet>
<router-outlet name="header"></router-outlet>
<router-outlet></router-outlet>
<router-outlet name="footer"></router-outlet>
<router-outlet name="scripts"></router-outlet>
Da ist etwas los hier, aber ich habe die Stücke aus tauschen, weil ich 3 verschiedene Vorlagen für verschiedene Seiten haben mit verschiedenen CSS, verschiedene Skripte und sogar verschiedene Attribute auf dem <body>
Tag.
jetzt das Typoskript für die HomeLayoutComponent
import { Component } from '@angular/core';
import { Routes } from '@angular/router';
import { HomeBodyComponent } from './home-body.component';
import { HomeCssComponent } from './home-css.component';
import { HomeHeaderComponent } from './home-header.component';
import { HomeContentComponent } from './home-content.component';
import { HomeFooterComponent } from './home-footer.component';
import { HomeScriptsComponent } from './home-scripts.component';
@Component({
selector: 'home-layout',
template: require('./home-layout.component.html')
})
@Routes([
{ path: '', component: HomeBodyComponent, outlet: 'body' },
{ path: '', component: HomeCssComponent, outlet: 'css' },
{ path: '', component: HomeHeaderComponent, outlet: 'header' },
{ path: '', component: HomeContentComponent },
{ path: '', component: HomeFooterComponent, outlet: 'footer' },
{ path: '', component: HomeScriptsComponent, outlet: 'scripts' }
])
export class HomeLayoutComponent {
}
Mein Problem ist, dass @Routes mit dieser Fehlermeldung wird erroring:
Fehler TS2304: Kann nicht Namen 'Routen' gefunden.
Vielleicht mache ich das alles falsch und ich muss die Routen in die app.module. Ich wollte so viele Routen in dieser einen Datei vermeiden.
Nach Difference between router and router-deprecated in angular2 sollte ich Routes und nicht die RouterConfig verwenden, die ich auf praktisch jedem anderen Google-Ergebnis sehe.
Bummer. Ich hatte gehofft, ich müsste nicht alle meine Routen im app.module.ts deklarieren. Ich nehme an, mit deinem Datei-Layout könnte ich sie in eine routes-Datei aufteilen, aber dann muss ich noch alle meine Komponenten deklarieren. Nicht ideal, wenn man annimmt, dass Winkel 1 nicht erforderlich ist, müssen Sie Ihre Controller und Direktiven "registrieren", um sie zu verwenden. – Josh