我正在处理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位,也会出现错误。
我会以错误的方式处理吗?