【发布时间】：2017-12-23 01:58:17
【问题描述】：
我想在我的 Nativescript Angular 应用中将信用卡号显示为 1234****6789 格式。 我的数据源是一个数组。我在 Listview 中显示信用卡号码列表。
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)作为文本绑定。我不确定您键入时它最初的外观（大多数验证器显示最后一个值键）。
标签： javascript html css angular nativescript