角度2のフォーム+ OnPush

Question

性能上の理由から、どこにでもChangeDetectionStrategy.OnPushを使用しようとする角度2のアプリケーションを作成しています。 FormBuilderで作成したフォームを表示している別のコンポーネントが含まれている、スムーズに動作するためには、OnPushを必要とする複雑なコンポーネントがあります。スライダをクリックすると、その内部値が更新されます（つまりform.value）が、スライダコンポーネントはこの新しい値を視覚化しない、つまり古い位置に固定されていることに気付きました。

これを修正する私の最初のアイデアは、リーフコンポーネントの変更検出戦略をDEFAULTに設定することでしたが、これは、親コンポーネントの変更検出戦略を変更する必要があるようには明らかに効果がありませんでした）。

は、その後、私はこのアイデアを思い付いた：

@Component({ 
    ... 
}) 
class MyComponent implements OnInit { 
    constructor(private zone: NgZone) {} 

ngOnInit() { 
    INIT_FORM(); 

    this.form.valueChanges 
    .subscribe(() => { 
     this.zone.run(() => {}); 
    }); 
    } 
} 

が、それは効果がありません。

OnPushを使用するコンポーネントの内部で角度2のフォームを動作させる可能性はありますか？

Answer 1

自分自身をテストしたが、手動で変更の検出を起動すると、あなたがやりたいかもしれない：

@Component({ 
    ... 
}) 
class MyComponent implements OnInit { 
    constructor(private cdRef: ChangeDetectorRef) {} 

ngOnInit() { 
    INIT_FORM(); 

    this.form.valueChanges 
    .subscribe(() => { 
     this.cdRef.detectChanges(); 
    }); 
    } 
}