angular - 在 Angular 2 的路由器导出内从一个组件链接到另一个组件？

Question

如何在 Angular 2 的路由器导出内从一个组件路由到另一个组件？

登录.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>

登录.组件.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。
指令选择器区分大小写(组件模板一般区分大小写)