2017-06-08 5 views
0

イムを選択し、デフォルトをクリアしている。このように私の反応型の内側を選択私のアプリのための4角度とがあります。それは、選択Select defaultオプションでレンダリング素敵な、初めての作品角度フォームのリセットは使用して値

<select class="form-control" formControlName="persons"> 
    <option value="" selected>Select default</option> 
    <option *ngFor="let p of persons" [value]="p">{{p}}</option> 
    </select> 

。しかし、myForm.reset()を実行すると、フォームは期待どおりの初期状態になりますが、選択されたデフォルト値はそれ以上選択されません。どのように私はフォームをリセットし、デフォルト値を選択したままにすることができますか?

+0

が使用してみてください '[ngValue]'代わりに、[値] ''の –

+0

はあなたが得た答えのような... https://angular.io/docs/(または同様)のようにそれを行う必要があるようですts/latest/api/forms/index/FormGroup-class.html#!#reset-anchor – Alex

答えて

0

ちょうど同じ事に戻ってそれを設定し、デフォルト値を使用してコンストラクタでフォームを初期化すると仮定。例えば

、あなたのコンストラクタで、次のような形式を設定した場合:あなたはそれを「リセット」するとき

constructor() { 
    this.heroForm = this.fb.group({ 
     name: ['Joe', Validators.required ], 
    }); 
} 

、その後はそれを同じに設定してください。

public resetForm() { 
    this.heroForm = this.fb.group({ 
     name: ['Joe', Validators.required ], 
    }); 
} 
+0

いいえ、選択したデフォルト値は? – gog

+0

コンストラクタで設定した内容に変更します – theblindprophet

関連する問題