web-dev-qa-db-de.com

Wie navigiere ich zu einer anderen Seite in Winkel 6?

Ich versuche, meine Seite vom Login auf eine andere Seite umzuleiten. Ich folge diesem Code.

Meine Login-Komponente ts-Datei:

import { Router } from '@angular/router';

constructor(private router: Router) {
}

funLogin(mobilenumber){
    this.router.navigateByUrl('registration');
}

In meinem HTML-Code rufe ich diese Funktion in einem Submit-Btn auf.

<button class="common-btn btn" (click)="funLogin(mobileNo.value)">Submit</button>

In my app.login.routing file,
 export const loginRouting: Routes = [
{
 path: '', component: DashboardRootComponent, canActivateChild: [],
    children: [
        { path: '', component: DashboardComponent, pathMatch: 'full' },
        { path: 'home', component: HomeComponent },
        { path: 'registration', component: RegistrationComponent },
    ]
   }
  ]

Ich habe es mit "this.router.navigate" & verweisendem Link versucht. Aber es hat nicht funktioniert. Kann mir jemand bitte sagen, wo ich falsch liege oder wenn Sie mir eine funktionierende Probe geben könnten, wäre es besser.

1
sasi

da navigateByUrl einen absoluten Pfad erwartet, führt ein führender/möglicherweise zur rechten Seite

Sie können auch navigieren und brauchen nicht das führende /, aber die Syntax unterscheidet sich geringfügig, da ein Array für den Pfad erwartet wird

https://angular.io/api/router/Router#navigateByUrl

0
Raj Sappidi

@sasi .. versuchen Sie es so,

 <a routerLink="/registration"><button class="btn btn-success" > Submit </button></a>
1
ganesh045