拦截Angular表单提交

Question

我正在处理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位，也会出现错误。

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