I have been using ngModel and formControlName together, which is causing a warning to appear in the console. I am trying to resolve this issue by removing ngModel, but I'm unsure of what to replace it with. I've attempted a few solutions, but none seem to work.
Below is my component.html file:
<mat-select
formControlName="store"
[(ngModel)]="this.form.value['store']"
(selectionChange)="changestore()"
multiple>
</mat-select>
This is my component.ts file:
changestore(){
this.storeTechData.forEach((element:any)=> {
if(this.form.value['store'].includes(element['store_id'])){
element['active'] = true;
}else{
element['active'] = false;
}
});
}
I have tried implementing reactive forms, but they are not providing the desired output. Can someone assist me in replacing ngModel with either reactive forms or another solution that will achieve the required functionality without triggering any warnings in the console?