如何在ngx stripe angular中获取输入的卡片详细信息

在ngx-stripe-angular中获取输入的卡片详细信息，可以通过以下步骤实现：

1. 首先，确保已经安装ngx-stripe-angular库，并在项目中引入相关模块。
2. 在需要获取卡片详细信息的组件中，导入StripeService服务。

import { StripeService } from 'ngx-stripe';

1. 在组件的构造函数中注入StripeService。

constructor(private stripeService: StripeService) { }

1. 在需要获取卡片详细信息的方法中，调用StripeService的createToken方法，并传入要获取信息的card元素。

this.stripeService.createToken(card).subscribe((result) => {
  if (result.token) {
    // 获取到卡片详细信息
    const cardDetails = result.token.card;
    console.log(cardDetails);
  } else if (result.error) {
    // 处理错误信息
    console.error(result.error.message);
  }
});

在上述代码中，card是一个指向Stripe Elements中card元素的引用，可以通过ngx-stripe-angular提供的CardElement指令获取。

1. 在HTML模板中，使用ngxStripeCard指令创建card元素，并将其与StripeService绑定。

<div [ngxStripeCard]="card"></div>

通过以上步骤，就可以在ngx-stripe-angular中获取输入的卡片详细信息。需要注意的是，ngx-stripe-angular是一个基于Stripe的Angular库，用于简化Stripe支付集成过程，提供了一系列指令和服务来处理支付相关的操作。