Bug no select Angular 7

0 respostas
htmlangularjavascript
Henrique_Santos2

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>
Criado 4 de fevereiro de 2019
Respostas 0
Participantes 1