Forms angular2以打字脚本提交表格

Forms angular2以打字脚本提交表格,forms,angular,firefox,typescript,cross-browser,Forms,Angular,Firefox,Typescript,Cross Browser,我需要提交一份来自支付网关的表格。我们的后端人员要求我要么放入innerHtml,然后在渲染后发送。我让它在chrome上运行,但在firefox上失败了。现在我正试图在我们的测试环境中修复它,后端添加了一个JSON返回,返回了复制他发送给我的表单所需的所有属性,以便我可以创建自己的表单。但仍然未能在firefox上提交 有人有同样的经历吗?请给我照点光 我需要知道firefox有哪些特定的补丁吗 下面是chrome和safari的工作代码 import { Component, OnInit,

我需要提交一份来自支付网关的表格。我们的后端人员要求我要么放入
innerHtml
,然后在渲染后发送。我让它在chrome上运行,但在firefox上失败了。现在我正试图在我们的测试环境中修复它,后端添加了一个JSON返回,返回了复制他发送给我的表单所需的所有属性,以便我可以创建自己的表单。但仍然未能在firefox上提交

有人有同样的经历吗?请给我照点光

我需要知道firefox有哪些特定的补丁吗

下面是chrome和safari的工作代码

import { Component, OnInit, AfterViewInit, ViewChild, ElementRef,DoCheck, ViewChildren, QueryList } from '@angular/core';
import { BrowserModule, DomSanitizer, SafeResourceUrl, SafeUrl} from '@angular/platform-browser';
import { PaymentService } from '../../_services/payment.service';
import { Loader } from '../../_services/loader.service';

@Component({
  selector: 'bdf-payment-form',
  templateUrl: './payment-form.component.html',
  styleUrls: ['./payment-form.component.scss']
})
export class PaymentFormComponent implements OnInit,DoCheck, AfterViewInit  {

  form : SafeResourceUrl;
  // @ViewChild('paymentFormContainer') container: ElementRef;
  @ViewChild('paymentForm') myForm: ElementRef;
  loader;
  constructor(private paymentService:PaymentService,
    private sanitizer: DomSanitizer,
    private loaderService: Loader,
    private elRef:ElementRef) { }

  ngDoCheck(){

  }
  ngOnInit() {
    console.log(this.paymentService.paymentForm);
    this.paymentService.paymentForm ? this.form = this.sanitizer.bypassSecurityTrustHtml(this.paymentService.paymentForm) : null
    this.loader = true;
  }

  ngAfterViewInit() {
    let test;
    if(this.form){ 
      test = this.elRef.nativeElement.querySelector('form')
      console.log(test)
      test.submit();
    }

  }

}

您不应该使用
submit()
方法来避免页面刷新时的重定向


http服务用于提交从表单序列化为json的表单数据。如果将表单元素绑定到模型,那么将模型发送回后端会更容易

您不应该使用
submit()
方法来避免页面刷新时的重定向


http服务用于提交从表单序列化为json的表单数据。如果将表单元素绑定到模型,那么将模型发送回后端会更容易

然而,我可以做到这一点。后端人员说,我们需要通过html表单发送,因为浏览器需要通过url。当浏览器访问包含字段和值的url时。它将进入OTP(一次性密码)页面,然后会触发回调并重定向回我们的确认页面。有更好的方法吗?谢谢@Roman的回复。不过我能做到。后端人员说,我们需要通过html表单发送,因为浏览器需要通过url。当浏览器访问包含字段和值的url时。它将进入OTP(一次性密码)页面,然后会触发回调并重定向回我们的确认页面。有更好的方法吗?感谢@Roman的回复。