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

Question

如何在.html文件中使用routerLink？我使用了以下代码，但它无效。

<div 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？