离子3-键入时隐藏离子输入

Question

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

<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
 }