Question

我正在开发一个SpringBoot和Angular 5网络应用程序，我在标题中有一个搜索表单：

<div class="searchDiv float-right">
    <form (ngSubmit)="onsubmit()" >
      <input class="searchBtn searchBtnHeader" type="text" role="search" placeholder="Search..." title="search field">
      <button class="fa fa-search align-middle searchBtn searchIcone" type="submit" [routerLink]="['/search']"></button>
    </form>
</div>

如何在Angular 5中重定向到更详细的搜索页面（组件）？

Answer 1

在onsubmit()方法中，您可以添加程序化重定向，例如

constructor(private router: Router) { }

onSubmit() {
  // some stuff
  this.router.navigate(['/search']);
}

因此，您不再需要提交按钮中的[routerLink]属性。

有关Angular 5重定向的完整指南，请查看this详细教程

Answer 2

以编程方式从onsubmit（）方法

进行编程

在课堂上

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

...
constructor(private router: Router) {}
...
onsubmit() {
      this.router.navigate(['/search']);
}

提交搜索表单后的角度重定向

2 个答案: