Angular Routing und Klick-Funktion zur gleichen Zeit

Question

Ich habe eine component.html Seite wie folgt.

<div class="form-group"> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-4 offset-xs-4 offset-sm-4 offset-md-4 offset-lg-4 offset-xl-4"> 
     <button type="button" (click)="getValuesFromForm()" routerLink="/AnotherComponent" [disabled]="!loginform.valid" class="btn btn-outline-danger col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 form-control ">Submit</button> 
    </div> 
</div> 

In component.ts Ich habe den folgenden Code

getValuesFromForm() 
{ 
    console.log("GetVAluesFromForm Executed"); 
} 

Jetzt möchte ich die Funktion auszuführen und wollen dann auf eine andere Komponente umzuleiten. Wie erreicht man das?

Answer 1

können Sie verwenden router.navigate

<button type="button" (click)="getValuesFromForm()" [disabled]="!loginform.valid" class="btn btn-outline-danger col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 form-control ">Submit</button> 


getValuesFromForm() { 
    this.router.navigate(['/AnotherComponent']); 
} 

Wo Router Service von RouterModule zur Verfügung gestellt und Sie können Router Variable erstellen, wie

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

constructor(private router:Router){}