Angular信用卡UI库 - ngx-payment-card

Angular信用卡UI库 - ngx-payment-card
插件名称 ngx-payment-card
发布时间 2020年12月25日
插件作者 AnthonyNahas

信用卡用户界面库,可帮助您在Angular应用中创建专业的支付表单。

如何使用它:

1.安装并导入模块。

# NPM
$ npm i ngx-payment-card --save
import { NgxPaymentCardModule } from 'ngx-payment-card'; 
@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgxPaymentCardModule, ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

2.将ngx-payment-card组件添加到应用程序。

<ngx-payment-card #ngxPaymentCard
  [IBAN]="iban?.value"
  [cardNumber]="+cNumber?.value"
  [securityCode]="sc?.value"
  [name]="name?.value">
</ngx-payment-card>