select - "selected"选项上的标签在选择具有FormControlname时不起作用

Question

<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>

不知道发生了什么，但在那种情况下没有选择的选项，我必须从列表中选择一些东西。当我从选择中删除 formControlName="localization 时，开始时选择了 Gdańsk。

本地化控件如下所示 localizationCtrl = new FormControl("", Validators.required);

当我替换它时没有区别:localizationCtrl = new FormControl("");当然，下一步是将该控件添加到 offerForm，方法是:

...
localization: this.localizationCtrl
...

但请不要试图在这里寻找问题，因为我在 offerForm 中有类似 7 个其他验证器，它们都工作正常。

Answer 1

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

`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