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>

如何使它出现在离子输入中？

Answer 1

您还可以将其与ngModel一起使用，我检查了您的代码是否也可以使用值。

在下面的代码中，两个代码均正常工作，请检查以下内容：https://stackblitz.com/edit/ionic-eu7tcl

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

输入字段中的值将不会以离子形式显示

1 个答案: