Tenho um campo de select com as categorias de produtos.dinamicament, quando abro pela primeira vez o select ta sem nenhum valor selecionado, porem se eu sair e voltar , o select vem com a primeira opção “Refrigerantes” como texto no select, porém sem o value, e o campo inválido.
<label>Categoria</label> <select required class="form-control" name="categoria" [(ngModel)]="produto.categoria" [compareWith]="comparaCategoria" #categoria="ngModel"> <option *ngFor="let categoria of categoriaService.categorias$ | async;" [ngValue]="categoria" required>{{categoria.nome}}</option> </select> <div *ngIf="!categoria.value && categoria.touched" class="text-danger"> Informe a categoria </div> <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#formCategoria"><i class="fas fa-plus"></i></button> </div>