Value in input field will not display in ionic

Question

I prefilled ion-input with a value but it is not displaying. I am new to ionic but I understand little of it concepts.

Here is what I tried.

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

How can I make this appear in the ion-input?

Praveen Patel · Accepted Answer · 2020-01-16 05:47:00Z

1

you can also use with ngModel, i checked your code it is also working with value.

In below code both are working, check this : 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>

answered Jan 16, 2020 at 5:47

Praveen Patel

3477 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Value in input field will not display in ionic

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related