각도 2 라우터 링크가 내보기에서 작동하도록하려면 구성 요소로 가져온 것이 무엇입니까

Question

각도 2의 경우 라우터 링크가 내보기에서 작동하려면 구성 요소로 가져온 것이 무엇입니까?

내 앵글/라우터에서 가져올 항목이 필요하다고 생각하십니까? 그런 다음이를 구성 요소 지시문에 추가하십시오.

하지만 그게 뭔지 잘 모르겠습니다.

Answer 1

당신은, ROUTER_DIRECTIVES 필요

RouteConfig 탐색을 위해

업데이트 경로와 라우터를 구성하는 ROUTER_PROVIDERS : 경우 https://angular.io/docs/ts/latest/guide/router-deprecated.html

업데이트 확실하지 :

소스 각도/라우터 @에 대한 경로를 이거 원했어! : https://i.imgsafe.org/55d36e1e91.png

main.ts

import { bootstrap } from '@angular/platform-browser-dynamic'; 

import { Component } from "@angular/core"; 
import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router'; 

import { Comp1 } from './comp1'; 
import { Comp2 } from './comp2'; 
import { Comp3 } from './comp3'; 
import { Comp4 } from './comp4'; 
import { Comp5 } from './comp5'; 

@Component({ 
    selector: 'root', 
    template: `<h1>ROOT Component</h1> 
    <a [routerLink]="['/comp1']" >Comp1 </a> 
    <a [routerLink]="['/comp2']" >Comp2 </a> 
    <a [routerLink]="['/comp3']" >Comp3 </a> 
    <a [routerLink]="['/comp4']" >Comp4 </a> 
    <a [routerLink]="['/comp5']" >Comp5 </a> 

    <router-outlet></router-outlet> 
    `, 
    directives: [ ROUTER_DIRECTIVES ], providers: [ ROUTER_PROVIDERS ] 

}) 

@Routes([ 
    {path: '/comp1', component: Comp1 }, 
    {path: '/comp2', component: Comp2 }, 
    {path: '/comp3', component: Comp3 }, 
    {path: '/comp4', component: Comp4 }, 
    {path: '/comp5', component: Comp5 } 

]) 

export class Root { } 


bootstrap(Root); 

compX.ts 나는 현재이 버전을 사용하고

import { Component } from "@angular/core"; 

@Component({ 
    selector: 'comp1', 
    template: `<h1>Child Component1</h1> 
    ` 
}) 

export class Comp1 { } 

Answer 2

설명서를 참조 할 수 있습니다. 상수 - ROUTER_PROVIDERS 및 ROUTER_DIRECTIVES이 있습니다.

사용할 라우터를 확인하십시오. 베타 버전까지 deprecated in RC1 버전이있었습니다.