angular 2 routing injizieren in Router-outlet funktioniert nicht

Question

Ich versuche, meinen Kopf wickeln um dieses Routing-Konzept, aber Probleme zu verstehen, wie funktioniert.

Momentan habe ich eine @routes, die eine Komponente mit einem '/' Pfad laden. Dies sollte in den Laden sobald die Seite rendern. Was ich habe Probleme mit .. ist meine Komponente nur laden, wenn ein [RouterLink] in der HTML-Vorlage vorhanden ist.

@Component({ 
    selector: 'my-app', 
    template: `  
    <h1>Component Router</h1> 
    <nav> 
     <a [routerLink]="['/crisis-center']">Crisis Center</a> 
     <a [routerLink]="['/heroes']">Heroes</a> 
    </nav> 
    <router-outlet></router-outlet>`, 
    directives: [ROUTER_DIRECTIVES] 

}) 

@Routes([ 
    {path: '/', component: CoreComponent} 
]) 

***core.component** 

import {Component} from '@angular/core'; 
import { Routes , RouterOutletMap} from '@angular/router'; 
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from '@angular/router-deprecated'; 

import { SideBarComponent} from './sidebar/sidebar.component'; 


@Component({ 
    template: `<side-bar></side-bar> 
    <router-outlet></router-outlet>`, 
    directives: [SideBarComponent] 

}) 

export class CoreComponent{ 

} 

Answer 1

Das ist ein bekanntes Problem in dem neuen Router, der behoben wird. Es wird keine Router-Instanz erstellt, wenn keine vorhanden ist. Alternativ können Sie den Router in die Root-Komponente einfügen.