在角度 2 的路由器插座中从一个组件链接到另一个组件？

Question

如何在角度 2 的路由器插座中从一个组件路由到另一个组件？

login.component.html

... login form ...
<a (click)="gotoSignup()">gotosignup</a>
<a routerlink="signup">singup</a>
<a routerlink="/signup">/singup</a>
<a routerlink="/signup/">singup</a>
<a routerlink="['signup']">[singup]</a>
<a routerlink="[/signup]">[/singup]</a>

login.component.ts

import { Component, OnInit } from '@angular/core';
import { Http, RequestOptions, Headers} from '@angular/http';
import { Router, ActivatedRoute } from '@angular/router';

export class LoginComponent implements OnInit {

    constructor(public router: Router) {}

    gotoSignup() {
      this.router.navigate(["signup"]);
    }

}

在上面的示例中，gotosignup 正在工作，因为路由器链接不工作。

尝试使用<a [routerLink] ... 却无法正常工作。它会导致以下错误：

Unhandled Promise rejection: Template parse errors:
Can't bind to 'routerlink' since it isn't a known property of 'a'. ("
            <div class="well clearfix" style="font-size: larger;">
              <a [ERROR ->][routerlink]="['/signup']">

有类似的问题，但它们对我不起作用。似乎是指 angular 2 的 pre alpa 版本，例如：

• cant use [routerLink] inside the component

Answer 1

您需要将imports: [RouterModule] 添加到您正在使用routerLink 的@NgModule() 中

应该是routerLink 而不是routerlink。
指令选择器区分大小写（组件模板一般区分大小写）