ControlValueAccessorを実装するコントロールの値をプログラムで更新する

Question

モデルプロパティを設定するボタン「fill form」を持つフォームがあります。 モデルバインディングは正常に動作しているようですが、ボタンをクリックすると、ControlValueAccessorを実装しているコントロールは、フォーカスを合わせてぼかすまで、その値を取得しません。

コントロールがプレーンhtml入力の場合、モデルの変更はすぐに表示されます。 カスタムコントロールを設定した場合、クリックするまで変更内容が反映されません。

手がかりはありますか？

私は角度2のファイナルを使用します。

このコードはつまり、値を示してい右 ngOnInitは（）{

super.ngOnInit(); 
    this.form = this.formBuilder.group({ 
     myfield: ['', ] 
    }) 

    this.myfield= this.form.controls['myfield']; 

    ... 

    this.obs.push(this.route.params.subscribe(params => { 
     if (params['myparam']) { 
      this.model.myfield= params['tper_Codigo']; 
      this.dataservice.get("miEntity", this.model).subscribe(somedata => { 
       this.model = somedata;     
      }); 
     } 
    })); 

このコードはしない

someClick() { 
    //trying all sort of methods 
    this.model = { myfield : 'aaaa'}; 
    this.form.patchValue({ myfield : 'bbbbb' }); 
    (<FormControl>this.form.controls['myfield']).updateValueAndValidity(); 
    (<FormControl>this.form.controls['myfield']).patchValue('cccc'); 

} 

iは前記のように作成フォーム前後...もしIクリックして要素をぼかすと、上記のすべてのメソッドは値を反映するので、値が設定され、ぼかしまで表示されません。

Answer 1

setValue（）関数を使用してcontロールの価値。あなたはチェックすることができますapi doc

Answer 2

私は、角のチームからangle2/materialのものと同じように、私のコントロール値アクセサを書き直すことになりました。 https://github.com/angular/material2/blob/master/src/lib/input/input.ts

私は、これらのコンポーネントをコントロールビルディングの究極のリファレンスとして使用することを強く推奨します（「コンポーネント」のgtom "ビュー"を区別し、モノリシックUIコントロールを参照してください）。他の例は不足しています。私はまた、このようなhttp://code.promactinfo.com/md2/として、また、「インスピレーション」として、これらのコントロールを取ることでしたいくつかの他のプロジェクトを見てお勧めします

非常に役に立ったし、ちょうどすべてに

おかげで働くもの！