J'ai un mat-select où les options sont tous les objets définis dans un tableau. J'essaie de définir la valeur par défaut sur l'une des options, mais elle est laissée sélectionnée lorsque la page s'affiche.
Mon fichier dactylographié contient:
public options2 = [
{"id": 1, "name": "a"},
{"id": 2, "name": "b"}
]
public selected2 = this.options2[1].id;
Mon fichier HTML contient:
<div>
<mat-select
[(value)]="selected2">
<mat-option
*ngFor="let option of options2"
value="{{ option.id }}">
{{ option.name }}
</mat-option>
</mat-select>
</div>
J'ai essayé de placer selected2
et value
dans mat-option
à la fois l'objet et son identifiant, et ont essayé d' utiliser à la fois [(value)]
et [(ngModel)]
dans le mat-select
, mais aucun ne fonctionne.
J'utilise la version matérielle 2.0.0-beta.10
compareWith
, voir la réponse de badis ici stackoverflow.com/questions/47333171/…
compareWith
. C'est plus élégant.