如何使用 Angular 7 从表单提交操作链接？答案

【问题标题】：How can i submit action link from Form using Angular 7?如何使用 Angular 7 从表单提交操作链接？
【发布时间】：2019-11-27 09:04:30
【问题描述】：

如何在 Angular 7 中实现这一点？如何以角度提交此帖子操作网址？

<form method="post" action="https://securegw- 
stage.paytm.in/order/process" name="paytm">
     <table border="1">
        <tbody>
           <input type="hidden" name="MID" value="YOUR_MID_HERE">
        </tbody>
     </table>
     <script type="text/javascript">
        document.paytm.submit();
     </script>
  </form>

请帮忙... 谢谢...

【问题讨论】：

你想达到什么目的？页面加载时发送表单？
是的，我想在页面加载时调用提交事件
我觉得你可以使用angularangular.io/guide/reactive-forms提供的ReactiveForm
我怎样才能使用反应形式在角度调用这个“”？
你不能那样做。您不应该尝试从外部的角度上下文访问 dom 元素

标签： javascript html angular

【解决方案1】：

您可以尝试在 Component 中选择表单然后在 nativeElement 上调用 submit 吗？

@ViewChild('paytmForm', { read: ElementRef }) paytmForm: ElementRef; 

ngAfterContentInit() {
   this.paytmForm.nativeElement.submit()
}

在模板中在表单元素上添加#paytmForm

<form method="post" action="https://securegw- 
stage.paytm.in/order/process" name="paytm" #paytmForm >
...
</form>

【讨论】：

非常感谢...我已经尝试过了，但没有成功，因为在创建动态表单后我被称为“this.paytmForm.nativeElement.submit()”...现在我尝试了页面加载时的动态表单然后我得到了这个......非常感谢“ngAfterContentInit（）”
你应该阅读更多关于 Angular 组件生命周期的信息：angular.io/guide/lifecycle-hooks 它会帮助你做很多事情；）
如何使用响应式表单来做到这一点？如果您有任何想法，请告诉我？
不确定您是否可以完全按照自己的意愿行事。您可以做的是获取表单值，然后使用 httpClient 发送这些值
但我也尝试使用 httpclient，但它没有响应 submit()