Для углового 2, что мне нужно импортировать в мой компонент, чтобы routerLink работал на моем виде

Вам нужны ROUTER_DIRECTIVES, ROUTER_PROVIDERS

RouteConfig для настройки маршрутов и маршрутизатора для навигации

Обновление: Маршруты для @углового/маршрутизатора

Источник: 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  { }