-1
Nativecript Angularアプリでクレジットカード番号を1234 **** 6789の形式で表示したいとします。 私のデータソースは配列です。私は、リストビューにクレジットカード番号のリストを表示しています。Nativescriptでクレジットカード番号をマスキングする方法
let creditCards = [
{
cardNo : 123456789,
expiryDate: 25/12/2020,
},
{
cardNo : 987654321,
expiryDate: 25/12/2020,
},
];
HTMLは
<ListView [items]="creditCards">
<ng-template let-item="item">
<GridLayout rows="*,*" columns="*,*">
<Label row="0" col=0 [text]="item.cardNo"></Label>
<Label row="0" col=0 [text]="item.cardNo"></Label>
</GridLayout>
</ng-template>
</ListView>
私が知っている、私はCARDNO文字列を置換することによって、これを達成することができます。しかし 実際のデータソースを変更せずにクレジットカード番号をマスキングする最良の方法は何ですか？ これはhtml/cssで行うことができますか？
あなたは、あなたのデータソースを取って長さを取って、その何倍ものためのアスタリスクのコンテンツを繰り返し試みることができます。例： ''*'。repeat（dataSource.length）'をテキストバインディングとして使用します。私はあなたが入力するときに最初にどのように見えるかわかりません（ほとんどのバリデーターは最後の値キーを表示します）。 –