How to set selected ngfor ionic2

Question

I want to set selected but I tried this below it's not work How to set selected ngfor ionic2 I tried

<ion-item> <ion-label>Source</ion-label> <ion-select [(ngModel)]="filter" > <ion-option value={{item.val}} *ngFor="let item of options" selected="item.val == 'pencil'">{{item.name}}</ion-option> </ion-select> </ion-item>

it's not work ,not show selected this to default

ts

public options = [ { "name": "Pencils", "val" : "pencil" } . . . ];

What doesn't work? Do you get an error? What happens? Where are you setting options? — Explosion Pills
– Explosion Pills, Commented Mar 29, 2017 at 16:25
@rrmerugu it's not error but it's not show selected "pencil" to default — ARR.s
– ARR.s, Commented Mar 29, 2017 at 16:32

Explosion Pills · Accepted Answer · 2017-03-29 16:33:26Z

2

Since you have ngModel, you should set the filter to the selected item initially:

public filter = this.options[0].val;

answered Mar 29, 2017 at 16:33

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

4 Comments

rrmerugu Over a year ago

Great!. but, why does selected doesn't work ! ionicframework.com/docs/v2/components/#select shows that selected="seomthing true" should work !

El houcine bougarfaoui Over a year ago

@rrmerugu [selected]="seomthing true" use this instead because its a expression

ARR.s Over a year ago

ohh I have not tried yet >>> [selected]="seomthing true"

Explosion Pills Over a year ago

@ARR.s I believe this is just an issue with the Ionic documentation and that the ngModel binding will not work with selected

El houcine bougarfaoui · Accepted Answer · 2017-03-29 16:38:29Z

[selected] instead of selected and [value] instead of value :

 <ion-option [value]="item.val" *ngFor="let item of options" [selected]="item.val == 'pencil'">{{item.name}}</ion-option> </ion-select>

note :

use property when bind to static value ex: value="someValue"
use [property] when bind to a variable or expression ex: [value]="getSomeValue()".

Collectives™ on Stack Overflow

How to set selected ngfor ionic2

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related