提交搜索表单后的 Angular 重定向

Question

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

<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详细教程