md-select preselected value

[lynxone67]

I have following code:

<md-select placeholder="Country" (ngModel)]="person.address.country">
      <md-option *ngFor="let krajina of country | async" [value]="krajina.id">
             {{krajina.abbreviation_iso}}
      </md-option>
</md-select>

When my form loads it doesn't show the corresponding link of preselected value. I saw more issues with similar question, but none of them solved my problem. Can anyone help, please?

[web265p3]

Yep! Same problem :)
But for me it almost works. If I preselect something programmatically nothing is preselected at first. But if I click the control, the selection "refreshes" and the right value is put into the field.

[fxck]

Provide a plunk reproduction. You are missing [ at ngModel, not sure if that's just a typo in this issue or it's your actual code. Try putting *ngIf="(country | async)?.length" on md-select, it could work as a workaround.

Slightly offtopic but..

let krajina of country

..makes me cringe.

[lynxone67]

*ngIf="(country | async)?.length" did't work for me.

[web265p3]

Opps - for me it was just the problem, that I used onPush. With default it works. So in my case it was just this issue :)

[crisbeto]

I'll close this as a duplicate. There's a pending fix for the OnPush issue.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}