如何在Angular 2的HTML文件中使用routerLink？

Question

如何使用routerLink在.html文件？我使用下面的代码，但它不工作。

<div `enter code here`class="container"> 
<header class="page-header"> 
    <ul class="nav nav-pills"> 
    <li routerLinkActive="active"> 
     <a [routerLink]="['/register']">Register<`/a> 
    </li> 
    <li routerLinkActive="active"> 
     <a [routerLink]="['/login']">Login</a> 
    </li>   
    </ul> 
</header> 

<p class="jumbotron"> 
    <router-outlet><router-outlet> 
</p> 

在app.component.ts我已经提到templateUrl: 'index.html'。

Answer 1

从Official Angular Docs：

<div class="container"> 
<header class="page-header"> 
    <ul class="nav nav-pills"> 
    <li> 
     <a routerLink="/register" routerLinkActive="active">Register<`/a> 
    </li> 
    <li> 
     <a routerLink="/login" routerLinkActive="active">Login</a> 
    </li>   
    </ul> 
</header> 

<p class="jumbotron"> 
    <router-outlet><router-outlet> 
</p> 

另外，你建立你的imports和routes是否正确？