2016-12-05 4 views
2

Wie kann ich innerhalb eines Router-Ausgangs in Winkel 2 von einer Komponente zur anderen routen?Verbindung von einer Komponente zur anderen innerhalb eines Router-Steckdose in Winkel 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"]); 
    } 

} 

In der Probe über gotosignup arbeitet thereas der Router Verbindung nicht funktioniert.

Der Versuch, <a [routerLink] ... zu verwenden, funktioniert nicht eiter. Es ergibt sich folgender Fehler:

Es gibt ähnliche Fragen, aber sie funktionieren nicht für mich. Die scheinen zu beziehen alpa Versionen von Winkel 2 zB vorab .:

Antwort

5

Sie müssen imports: [RouterModule] zum @NgModule() hinzufügen, wo Ihr verwenden routerLink

Es sollte routerLink anstelle von routerlink.
Bei Auswahlschaltern für die Richtlinie wird die Groß-/Kleinschreibung beachtet (bei den Vorlagen im Allgemeinen wird die Groß- und Kleinschreibung beachtet)

+0

RouterModule wird dem Modul hinzugefügt. Es arbeitet innerhalb der MenuComponent außerhalb der Router-Outlets direkt daneben, aber nicht innerhalb der im Router-Outlet gerenderten Komponenten. Alles ist jetzt innerhalb von app.module.ts. – Manuel

+1

Es sollte 'routerLink' anstelle von' routerlink' sein –

+1

thx, der Kamelfall löste das Problem. – Manuel

Verwandte Themen