javascript - 添加 Stripe 卡后重置 StripeCardComponent

Question

我将 StripeCardComponent 与ngx-stripe一起使用。您知道添加 Stripe 卡后如何重置表单吗？

<ngx-stripe-card [options]="cardOptions" [elementsOptions]="elementsOptions" (change)="cardUpdated($event)" (error)="error = $event"></ngx-stripe-card>
<div class="error">
  {{error?.message}}
</div>
<button (click)="getCardToken()" [disabled]="!complete">Get Card Token</button>

我已经尝试过如下。但它不起作用。

addcard(){
 (document.querySelector('.ElementsApp') as HTMLFormElement).reset();
}

ERROR 错误：未捕获（承诺中）：TypeError：无法读取 null 的属性“重置” TypeError：无法读取 null 的属性“重置”

运行时 HTML

标签： javascriptangulartypescriptstripe-paymentsionic4

Answer 1

我找到了解决方案。这很好用。

addCard(){
    this.element.clear();
}