在角度为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正在使用路由器Link无法正常工作.

试图使用<a [routerLink] ...ist not working eiter.它会导致以下错误:

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']">

有类似的问题,但他们不适合我.似乎是指角度为2的pre alpa版本,例如:

• 无法在组件内使用[routerLink] <最相似

Answer 1

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

它应该是routerLink代替routerlink.
指令选择器区分大小写(组件模板通常区分大小写)