角度组件内的表单不提交答案

【问题标题】：Form inside angular component does not submit角度组件内的表单不提交
【发布时间】：2019-11-22 09:17:30
【问题描述】：

我有一个经典的 html 表单元素，当我将它插入到 Angular 应用程序的 index.html 中时，它可以正常工作。单击按钮提交表单。如果我在 Angular 组件 html 文件中插入相同的表单，它也会被渲染，但是当我单击按钮时，什么也没有发生。

  <form method="post" action="https://blub.shtml" id="form" name="form" target="_parent">
    <input type="hidden" name="data" value="data" />
    <input type="submit" value="Send" />
  </form>

为什么会发生这种情况，我该如何解决？

编辑：由于服务器的 CORS 策略，我无法使用 (ngSubmit)。

【问题讨论】：

为什么要在 index.html 中放一个表单？
我不想把它放在 index.html 中。我想要它在组件中。如果我在 index.html 中测试它，它只是有效。
放入组件时出现什么错误？或者只是不会工作
没有错误，点击没有任何反应。
我认为你应该删除target="_parent"

标签： javascript node.js angular typescript

【解决方案1】：

试试这个

<form ngNativeValidate (ngSubmit)="onSubmit()" #form="ngForm">

在 onSubimit 方法中，您可以随意选择。

【讨论】：

这种方式 onSubmit 被触发，但不幸的是我在通过 ajax 请求发布表单时遇到了 CORS 错误，所以我无法使用它。
@ynotu 这不是你的问题。我为您的问题提供了解决方案，但现在如果它给您一个 CORS，您已经解决了另一个问题，但我的解决方案是正确的，因为如果程序给您 CORS，则表单已提交并且我的答案是正确的。
@ynotu。不，这是错误的行为。你必须给我“正确答案”，然后你必须发布另一个问题。

【解决方案2】：

试试这个方法看看是否有效

  <form method="post" action="https://blub.shtml" id="form" name="form">
    <input type="hidden" name="data" value="data" />
    <button type="submit"/>Send</button>
  </form>

【讨论】：

仍然没有任何反应。