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.