選択したタグがオプションの場合は、フォームコントロールがある場合は機能しません

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> 

選択したオプションがなく、リストから選択する必要があります。選択から​​を削除すると、最初にGdańskが選択されます。当然の localizationCtrl = new FormControl(""); 次のステップは実行してofferFormにそのコントロールを追加することでした：

... 
localization: this.localizationCtrl 
... 

をしかししてください

Lokalizationコントロールは、私が上であること置き換える違いはありません。このlocalizationCtrl = new FormControl("", Validators.required);

のように見えます私がofferFormの中に7つの他のバリデータのようなものを持っているので、ここで問題を探すようにはしないでください。

Answer 1

にlocalizationの値を設定します。

`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

Answer 2

代わりに使用

<select [ngModel]="selectedItem" class="form-control dropdown" formControlName="localization"> 

selectedのと"Gdańsk"

にselectedItemを設定したり、形状モデルの初期化中にデフォルト値を割り当てGdańsk