web-dev-qa-db-fra.com

Comment naviguer vers une autre page en angle 6?

Je tente de rediriger ma page de connexion vers une autre page. Je suis après ce code.

Mon fichier ts de composant de connexion:

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

constructor(private router: Router) {
}

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

Dans mon html, j'appelle cette fonction dans un btn de soumission,

<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 },
    ]
   }
  ]

J'ai essayé avec "this.router.navigate" & référencé de liens. Mais cela n'a pas fonctionné. Quelqu'un peut-il me dire où je me trompe ou si vous pouviez me donner un échantillon de travail, ce serait mieux.

htmlangularurlroutingangular6
1
sasi

browseByUrl attend un chemin absolu, donc un interligne/peut vous mener à la bonne page

Vous pouvez également utiliser naviguer et ne pas avoir besoin du débutant/mais la syntaxe est légèrement différente car elle attend un tableau pour le chemin.

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

0
Raj Sappidi

@sasi .. essayez comme ça,

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