Ionic 3- 打字时隐藏离子输入

Question

我需要格式化离子输入的输出，所以我不希望输入字段返回用户实际输入的内容。 我有一个从 ngModelChange 调用的函数，并且只想显示该函数的结果，即离子标签内的变量 formatNum，并隐藏用户在离子输入中实际输入的内容。

<ion-item no-padding class="rightBorder">
            <ion-label fixed>Phone 1</ion-label>
            <ion-input placeholder="(###) ###-####" [(ngModel)]="customer.phone" (ngModelChange)="formatPhone()"  pattern="[0-9]*"></ion-input>
            <ion-label>{{formatNum}}</ion-label>
          </ion-item>

Answer 1

使用rgba使文本透明

input[type="text"] { 
  color: rgba(0, 0, 0, 0);
     caret-color:black
 }