How to set default selected option in md-select component with a object ?

806 views
Skip to first unread message

William Krieg

unread,
Apr 14, 2017, 12:59:18 PM4/14/17
to angular-material2

Hello everybody,

At first sorry for my english.

I want to set the default value from my md-select.
This default value is an object. When i work with a "simple" value for exemple a string or a number it's work but when i set object the value is not selected :

<md-select placeholder="Secteur" style="width:100%" [(ngModel)]="currentSociete.secteur" name="secteur"> <md-option *ngFor="let secteur of secteurs" [value]="secteur "> {{item.nom}} </md-option> </md-select>

Do you have a solution ? Thank you for your help

Ganesh Kadam

unread,
Jul 27, 2018, 10:35:53 AM7/27/18
to angular-material2
Hello William,
you set  property for example
use [value]="secteur.secteruId" instead of just [value]="secteur "
and use {{secteur.nom}} instead of {{item.nom}}

Thanks,
Ganesh Kadam
Message has been deleted
Message has been deleted
Message has been deleted

alexei...@gmail.com

unread,
Jul 27, 2018, 3:26:10 PM7/27/18
to angular-material2
Use 'compareWith' option to let select know how to distinguish options.
Reply all
Reply to author
Forward
0 new messages