Question

我有一个像这样的component.html页面。

<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>

在component.ts中，我有以下代码

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

现在我想执行该功能，然后想要重定向到另一个Component。怎么做到这一点？

Answer 1

您可以使用 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']);
}

路由器是RouterModule提供的服务，您可以创建路由器变量

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

constructor(private router:Router){}

角度路由和点击功能同时执行

1 个答案: