拦截Angular表单提交

时间:2018-12-12 08:25:27

标签: angular forms

我正在处理Ionic / Angular应用程序,并且需要按照此处指定的方式实现此Pay360卡锁库:

http://docs.pay360.com/cardlock/using-the-library/

我正在努力了解如何在Angular表单上使用该库以及如何“拦截”这些文档中所述的表单提交。我将如何在我的组件中执行此操作,有人对它有任何建议吗?

我已经在模板中尝试过此操作

<form #myForm (ngSubmit)="payNow()" [formGroup]="paymentForm">

在我的组件中包含以下内容:

@ViewChild('myForm') myForm: ElementRef;

let test = new CardLock({
            publishableId: xxx,
            formElementId: this.myForm.nativeElement,
            panElementId: xxx,
            tokenElementId: xxx,
            merchantAction: xxx
});

但是这给了我formElementID属性的错误(当然还有缺少的属性)。如果删除nativeElement位,也会出现错误。

我会以错误的方式处理吗?

0 个答案:

没有答案