角度组件内的表单未提交

Question

我有一个经典的html表单元素，当我将其插入到角度应用程序的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>

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

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

Answer 1

尝试这种方法以查看是否有效

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

Answer 2

尝试一下

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

和onSubimit方法中，您可以随心所欲。