Estoy trabajando con este formulario. Al seleccionar una opción del select combo me cambia el contenido on change, pero no hace el submit, es lo que pretendo, al mismo tiempo me queda "selected" la opción que yo le diga desde el componente:
this.selectedOption = this.periodetalle.id_turno;
Aparentemente todo funciona bien, se cambia la opción, queda "selected" y envía el formulario al hacer submit en el botón.
Sin embargo la consola de Chrome me tira el siguiente error:
It looks like you're using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in Angular v7.
El error está claro, pero necesito saber cómo sustituir [(ngModel)]="selectedOption" para que me siga funcionando.
<form [formGroup]="reactiveFormTurnos" (ngSubmit)="onSubmit( f )" #f="ngForm" class="form-inline">
<div class="form-group">
<select
class="form-control"
formControlName="id_turno"
name="id_turno"
(change)="onSubmitSelect()"
[(ngModel)]="selectedOption">
<option
*ngFor="let listat of listaturnos; let x = index"
[value]="listat.id_turno"
>{{listat.turno}} - {{listat.tipo_turno}} - {{listat.turno_horario}}</option>
</select>
<button type="submit" class="btn btn-info ml-2">Establecer turno</button>
</div>
</form>