首页 > 解决方案 > 提交不带 (ngSubmit) 的 Angular 表单以避免 CORS 策略错误

问题描述

如何提交以下表单,该表单位于 Angular 组件内?单击Send按钮不会触发任何操作。

  <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 策略,我无法使用。

标签: angularformsangular-forms

解决方案


原来有一种方法:不使用 aFormGroupngNoForm让您通过单击按钮提交表单“非 ajax 方式”:

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

推荐阅读