FormBuilderコントロールの値を手動で設定

Question

これは私を馬鹿にしています。私は銃の下にいるので、もう一日過ごす余裕はありません。

コンポーネント内で制御値（ 'dept'）を手動で設定しようとしていて、正しく機能しない場合でも、新しい値のログが正しくコンソールに記録されます。今

deptSelected(selected: { id: string; text: string }) { 
    console.log(selected) // Shows proper selection! 

    // This is how I am trying to set the value 
    this.form.controls['dept'].value = selected.id; 
} 

フォームが送信されると、私はthis.formをログアウト時にフィールドがまだある：これは、選択したDEPTを受け取るイベントハンドラがある

initForm() { 
    this.form = this.fb.group({ 
    'name': ['', Validators.required], 
    'dept': ['', Validators.required], 
    'description': ['', Validators.required], 
    }); 
} 

：ここ

はFormBuilderインスタンスでありますブランク！私は他のpplの使用 updateValue()を見てきましたが、これはbeta.1であり、コントロールを呼び出すための有効なメソッドではありません。

私はまた:(なしの成功とupdateValueAndValidity()を呼び出そうとしています。

は、私は、フォームの残りの部分が、そのカスタムディレクティブ/コンポーネントでやっているように私は、フォーム要素にngControl="dept"を使用します。あなたはこの試みることができる

<ng-select 
    [data]="dept" 
    [multiple]="false" 
    [items]="depts" 
    (selected)="deptSelected($event)" <!-- This is how the value gets to me --> 
    [placeholder]="'No Dept Selected'"></ng-select> 

Answer 1

更新日：19/03/2017

this.form.controls['dept'].setValue(selected.id); 

OLD：今のところ、我々は型キャストを行うことを余儀なくされている

：

(<Control>this.form.controls['dept']).updateValue(selected.id) 

それほどエレガントではないと私は同意します。これが将来のバージョンで改善されることを願っています。

Answer 2

：詳細については

deptSelected(selected: { id: string; text: string }) { 
    console.log(selected) // Shows proper selection! 

    // This is how I am trying to set the value 
    this.form.controls['dept'].updateValue(selected.id); 
} 

を、あなたはSに関する対応するJSドキュメントを見ている可能性がありupdateValueメソッドのecondパラメータ：https://github.com/angular/angular/blob/master/modules/angular2/src/common/forms/model.ts#L269。

はそれHEPSあなたを願って、 ティエリー

Answer 3

Angular 2 Final（RC5 +）には、フォーム値を更新するための新しいAPIがあります。 patchValue() APIメソッドは、我々は唯一のフィールドの一部を指定する必要が部分的にフォームの更新をサポートしています。

this.form.patchValue({id: selected.id}) 

すべてのフォームフィールドを持つオブジェクトが必要setValue() APIの方法もあります。フィールドがない場合、エラーが発生します。

Answer 4

Aangular 2 finalはAPIを更新しました。彼らはこれのために多くの方法を追加しました。

は、コントローラからのフォームコントロールを更新するために行うこの：

this.form.controls['dept'].setValue(selected.id); 

this.form.controls['dept'].patchValue(selected.id); 

エラーに

参照

https://angular.io/docs/ts/latest/api/forms/index/FormControl-class.html

https://toddmotto.com/angular-2-form-controls-patch-value-set-value

Answer 5

let cloneObj = Object.assign({}, this.form.getRawValue(), someClass); 
    this.form.complexForm.patchValue(cloneObj); 

をリセットする必要はありません3210

各フィールドを手動で設定する必要がない場合。

Answer 6

@ Filoche's Angular 2最新の解決策。また、あなたがAngularUniversityのsolutionpatchValue