使用 action 属性呈现的 Angular 表单答案

【问题标题】：Angular form rendered with action attribute使用 action 属性呈现的 Angular 表单
【发布时间】：2019-05-28 16:32:03
【问题描述】：

我是 Angular 7 的新手，在提交表单时遇到问题。每当我提交表单时，它都会被重定向到 index.html（根据操作），而不是执行我的 typescript 方法。

这是组件的 html：

以及组件本身：

然而这是它的渲染方式：（注意 actin=index.html 属性）：

当我点击登录按钮时，它会根据操作重定向：

有人有什么想法吗？

【问题讨论】：

【解决方案1】：

这里的问题似乎是不仅在我正在使用的组件中导入 ReactiveFormsModule，而且在加载该组件的模块中也导入了 ReactiveFormsModule。在我的情况下，该模块是使用延迟加载实现的。虽然父模块确实导入了 ReactiveFormsModule，但子模块没有。

在正确的位置导入正确的模块可以使组件正确渲染，并且该方法现在可以完美执行。

【讨论】：