3
respostas

problemas com o ngModel e valorers default

Galera, percebi que quando uso o ngModel, não consigo colocar valores default tanto nos dropdown select ou radio buttons, por exempleo neste código abaixo :

<div class="input-group-btn">
      <select [ngModelOptions]="{standalone: true}" [(ngModel)]="paciente.estadoCivil" name="estadoCivil" class="form-control">
           <option value="" disabled selected>Estado Civil</option>
           <option value="Solteiro">Solteiro</option>
           <option value="Casado">Casado</option>
           <option value="Divorciado">Divorciado</option>
           <option value="Viúvo">Viúvo</option>
       </select>
</div>

O valor que deveria aparecer como padrão é "Estado Civil" porém na view fica em branco, nos radio button a mesma coisa, se eu coloco "checked" vem desmarcado. Alguma dica fácil para resolver este problema sem ter que gastar mto código?

3 respostas

Christian tente adicionar um biding no option:

[selected]="paciente.estadoCivil == ''"

// ou

[selected]="paciente.estadoCivil == null"

Estamos falando que ele será selecionado quando for igual a branco, caso não de certo com o branco tente com o nulo.

Abraçooos

entedi a idéia, mas não funcionou =/

Já tentou iniciar "paciente.estadoCivil" com o valor que vc quer lá no seu arquivo.ts ?