当select具有formControlName时,选项上的“selected”标签不起作

发布时间：2020-12-17 17:01:47 所属栏目：安全来源：网络整理

导读：div class="form-inline" label class="text-color"Lokalizacja:/label select class="form-control dropdown" formControlName="localization" option value="Gdańsk" selectedGdańsk/option option value="Rzeszów"Rzeszów/option option value="Wroc?

<div class="form-inline">
  <label class="text-color">Lokalizacja:</label>
  <select class="form-control dropdown" formControlName="localization">
    <option value="Gdańsk" selected>Gdańsk</option>
    <option value="Rzeszów">Rzeszów</option>
    <option value="Wroc?aw">Wroc?aw</option>
  </select>
</div>

不知道发生了什么,但在那种情况下没有选择的选项,我必须从列表中选择一些东西.当我从select中删除formControlName =“本地化时,然后在开始时选择Gdańsk.

Lokalization控件看起来像这个localizationCtrl = new FormControl(“”,Validators.required);

当我替换它时没有区别：
localizationCtrl = new FormControl(“”);
当然下一步是通过执行以下操作将该控件添加到offerForm：

...
localization: this.localizationCtrl
...

但请不要试图在这里寻找问题因为我在offerForm中有类似7个其他验证器,所有这些都可以正常工作.

解决方法

在表单模型初始化期间分配默认值.

`localizationCtrl = new FormControl("Gdańsk",Validators.required);`

或者如果值来自服务器,请使用formControl的updateValue方法.

localizationCtrl.updateValue('Gdańsk');

见这里：https://scotch.io/tutorials/using-angular-2s-model-driven-forms-with-formgroup-and-formcontrol和
https://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!