Javascript 角度组件内的表单不提交

我有一个经典的html表单元素，当我将它插入到angular应用程序的index.html中时，它可以正常工作。点击按钮提交表单。如果我在一个角度组件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>

为什么会发生这种情况？我如何修复它

---

编辑：我不能使用

（ngSubmit）

，因为服务器的CORS策略。

试试这种方法，看看是否有效

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

邮寄

试试这个

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

---

在OnSubmit方法中，您可以根据需要将表单添加到任何位置。

为什么要将表单添加到index.html中？我不想将其添加到index.html中。我希望它在组件中。只是如果我在index.html中测试它，它就可以工作了。当放入组件时，您有什么错误？或者只是不起作用没有错误，单击时什么也没有发生。我认为您应该删除

target=“\u parent”

仍然什么也没有发生。这种方式会触发提交，但不幸的是，当通过ajax请求发布表单时，我会收到CORS错误，因此我无法使用它。@ynotu这不是您的问题。我为您提供问题的解决方案，但现在如果它给您一个CORS，您就可以解决另一个问题，但我的解决方案是正确的，因为如果程序给您CORS，则表单已提交，我的答案是正确的。@ynotu。不，这是错误的行为。你必须给我一个“正确答案”，然后再问另一个问题。