1

O problema é que possuo vários select multiple e quando seleciono algumas opções de um select elas são adicionadas ao ReactiveForm corretamente, porém quando eu seleciono alguma opção de outro select elas são sobre escrevidas, preciso que não se sobreescrevam. Eles são gerados automaticamente.

this.form = this.builder.group({
  id: [],
  permissoes: ([{}]),
}, {});

<div class="col-md-6">                                 
    <select class="form-control" formControlName="permissoes" [compareWith]="compareFn" multiple>
        <option *ngFor="let permissao of permissoes" [ngValue]="permissao">{{permissao.nome}}</option>
    </select>
</div>

Todos os selects são iguais, é possivel eu juntar todos os selects neste array de permissões ?

2
  • Olá @Eduardo, bem vindo ao SOpt. Aproveite para fazer o Tour para conhecer melhor o funcionamento do site. 31/08/2018 às 13:34
  • Questão relacionada nessa resposta
    – jcebidanes
    7/09/2018 às 15:15

1 Resposta 1

0

Pra cada select ou input que vc tiver vc tem que adicionar uma linha correspondente quando criar seu form. E atraves do campo formControlName vc mappeia cada select/input pro seu respectivo controle.

this.form = this.builder.group({
  id: [],
  permissoes: ([{}]),
  outroSelect: ([{}]),
});

<div class="col-md-6">                                 
    <select class="form-control" formControlName="permissoes" [compareWith]="compareFn" multiple>
        <option *ngFor="let permissao of permissoes" [ngValue]="permissao">{{permissao.nome}}</option>
    </select>
</div>

 <div class="col-md-6">                                 
        <select class="form-control" formControlName="outroSelect" [compareWith]="compareFn" multiple>
            <option *ngFor="let outraCoisa of outroSelect" [ngValue]="outraCoisa ">{{outraCoisa .nome}}</option>
        </select>
  </div>
2
  • Esqueci de mencionar que eles são gerados automaticamente do banco de dados.
    – Eduardo
    31/08/2018 às 14:27
  • Como assim? Vc pode usar o formArray nesse caso talvez então. 31/08/2018 às 14:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .