如何在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

来自Angular官方文件:

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

另外,您是否正确设置了导入和路由？