2016-12-05 8 views
2

どの角度2におけるルータアウトレット内の別のコンポーネントからIルートできますか? gotosignup上記のサンプルで角度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"]); 
    } 

} 

動作していないルータリンクthereas取り組んでいます。

eiterを働いていない<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']"> 

これらの質問は、私のためには機能しません。角度2のALPAバージョンなどを事前に参照しているように見える。:

答えて

5

あなたはあなたのそれがあるべきrouterLink

を使用している@NgModule()imports: [RouterModule]を追加する必要がありますrouterLinkの代わりrouterlink
指令セレクタは、大文字と小文字が区別

+0

RouterModuleがモジュールに追加される(一般的にはコンポーネントテンプレートは、大文字と小文字が区別されている)です。 MenuComponentはルータコンセントのすぐ外側にあり、ルータコンセントの内部にレンダリングされるコンポーネント内では動作しません。今はすべてapp.module.ts内にあります。 – Manuel

+1

ではなく 'routerlink' –

+1

THXの' routerLink'なければならない、ラクダの場合は問題を解決しました。 – Manuel

関連する問題