forms - 如何在提交按钮表单中使用路由 - Angular2

Question

我是 Angular2 的新手，我一直对路线有一些疑问。

我正在使用 Angular Material，我有两种形式:登录和注册。
当我在其中一种表单中单击提交时，我希望被重定向到一个名为 Portal 的组件。

这是我的结构，每个组件都有自己的模块:

应用程序

形式

登录

注册

传送门

我以为我可以让它与 routerLink 一起工作，但我很快意识到这是不可能的。我知道我必须将一些事件传递给 ngSubmit，但我不确定是什么......

如果有人可以向我解释该过程并指导我完成这些步骤，我将非常感激。

谢谢你。

Answer 1

在 html 使用 ngSubmit并且只需要调用如下所示的函数

<form (ngSubmit)="onSubmit()">

在“@angular/router”中定义路由器

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

在 Controller 中放

onSubmit() {
    this.router.navigateByUrl('/portal');
}

希望这可以帮助