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

概述我是Angular2的新手,我对路线有些怀疑. 我正在使用Angular Material,我有两种形式：登录和注册. 当我在其中一个表单中单击“提交”时,我希望将其重定向到名为Portal的组件. 这是我的结构,每个组件都有自己的模块： > App >表格 >登录 >注册 >门户网站 我以为我可以使用routerLink,但我很快意识到这是不可能的.我知道我必须将一些事件传递给ngSubmit, 我是Angular2的新手,我对路线有些怀疑.

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

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

> App

>表格

>登录
>注册

>门户网站

我以为我可以使用routerlink,但我很快意识到这是不可能的.我知道我必须将一些事件传递给ngsubmit,但我不确定是什么……

如果有人可以向我解释这个过程并指导我完成这些步骤,我会非常感激.

谢谢.

解决方法 首先你需要导入

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

然后将其注入构造函数中

constructor(private router: Router) {}

然后在表单上的用户ngsubmit事件或按钮上的单击事件,添加方法,并在它结束时执行此 *** 作.

this.router.navigate(['/portal']);

总结

以上是内存溢出为你收集整理的表单 – 如何在提交按钮表单中使用路由 – Angular2全部内容，希望文章能够帮你解决表单 – 如何在提交按钮表单中使用路由 – Angular2所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。