Tengo un mat-select donde las opciones son todos los objetos definidos en una matriz. Estoy tratando de establecer el valor predeterminado en una de las opciones, sin embargo, se deja seleccionado cuando se procesa la página.
Mi archivo mecanografiado contiene:
public options2 = [
{"id": 1, "name": "a"},
{"id": 2, "name": "b"}
]
public selected2 = this.options2[1].id;
Mi archivo HTML contiene:
<div>
<mat-select
[(value)]="selected2">
<mat-option
*ngFor="let option of options2"
value="{{ option.id }}">
{{ option.name }}
</mat-option>
</mat-select>
</div>
He intentado fijar selected2
y value
en mat-option
que tanto el objeto como su ID, y han intentado usar tanto [(value)]
y [(ngModel)]
en elmat-select
, pero ninguno está trabajando.
Estoy usando la versión de material 2.0.0-beta.10
compareWith
, vea la respuesta de badis aquí stackoverflow.com/questions/47333171/…
compareWith
. Es más elegante.