Ionic Input shows [object Object] as placeholder

No, and I can’t even make any sense out of that. If what you are trying to achieve is changing what appears in the input control before the user starts entering anything into it, you have two options, both of which need var1 to be a string and not an object:

Option 1: simply prime the backing property

var1 = "placeholder text can go here";
<ion-input [(ngModel)]="var1"></ion-input>

Option 2: placeholder will do its job if the bound property is an empty string:

var1 = "";
<ion-input [(ngModel)]="var1" placeholder="placeholder text can also go here"></ion-input>
1 Like