Значение в поле ввода не будет отображаться в ионном

Question

Я предварительно заполнил ионный вход значением, но оно не отображается. Я новичок в ионике, но я мало что понимаю в этом.

Вот что я попробовал.

.ts

async getSimData() {
    try {
      let simPermission = await this.sim.requestReadPermission();
      if (simPermission == "OK") {
        let simData = await this.sim.getSimInfo();
        this.simInfo = simData;
        this.cards = simData.cards;

      }
    } catch (error) {
      console.log(error);
    }
  }

html

 <ion-card  *ngFor= "let card of cards" >
    <ion-card-content>
      <ion-list> 
        <ion-item>
      <ion-input type="number" name="phone" value="{{ card.phoneNumber }}" #phone  disabled="true"></ion-input>
    </ion-item> 
      </ion-list>
    </ion-card-content>
  </ion-card>

Как я могу заставить это появиться на ионном входе?