Tengo el siguiente problema, espero que puedan ayudarme:
Tengo un formulario en mi plantilla HTML:
<form #formulario="ngForm" autocomplete="off">
<div>
<label for="periodo">Periodo</label>
<select id="periodo" #periodo ngModel required name="periodo">
<option *ngFor="let periodo of periodos" [value]="periodo.id">{{periodo.fecha_inicio}}</option>
</select>
</div>
</form>
Y me gustaria saber como puedo definir una opcion por defecto en mi select. Ya eh intentado agregando el atributo [selected]="defaultValue" pero no consiguo el resultado esperado.
Cualquier sugerencia es bienvenida...
SOLUCION
Ok, pude solucionarlo. Dejare mi respuesta por si le sirve a alguien:
Definí en mi archivo .ts una variable con el valor que espero establecer por defecto:
defaultValue = val;
y en mi plantilla HTML
<form #formulario="ngForm" autocomplete="off">
<div>
<label for="periodo">Periodo</label>
<select id="periodo" #periodo ngModel required name="periodo">
<option *ngFor="let periodo of periodos" [value]="periodo.id" [selected]="default == paralelo.descripcion">{{periodo.fecha_inicio}}</option>
</select>
</div>
</form>