用于信用卡的 Angular 形 2 管

Question

我想创建一个管道，每 4 位信用卡/借记卡号添加一个空格。

这个隐藏了除最后 4 位以外的所有数字。

export class CreditCardMaskPipe implements PipeTransform {
  transform(plainCreditCard: string): string {
    const visibleDigits = 4;
    let maskedSection = plainCreditCard.slice(0, -visibleDigits);
    let visibleSection = plainCreditCard.slice(-visibleDigits);
    return maskedSection.replace(/./g, '*') + visibleSection;
  }
}

类似这样，但要添加空格。

Answer 1

你可以这样做

export class CreditCardMaskPipe implements PipeTransform {
  transform(plainCreditCard: string): string {
    return plainCreditCard.replace(/\s+/g, '').replace(/(\d{4})/g, '$1 ').trim();
  }
}

const plainCreditCard = '1234567891234567';
function transform(cardNumber) {
    return cardNumber.replace(/\s+/g, '').replace(/(\d{4})/g, '$1 ').trim();
}
console.log(transform(plainCreditCard));