角度2ウェイバインディングコンポーネント - 式がチェックされた後に変更されました

Question

双方向バインディングを使用しようとしましたが、例外がチェックされた後に式が変更されました。モードがキャンセルに変わったときに値を空にリセットしたい場合は、例外が発生します。別の価値を持った変更サイクルの中に出ているが、回避する方法がわからないので、それは私が想定している？

<edit-field [mode]="mode" [(field)]="field"></edit-field> 

私のコンポーネントは次のとおりです。変化検出は、モデルの変更が発生したときに

export class EditFieldComponent implements OnChanges { 
     @Input('mode') mode: string; 
     @Input('field') field: string; 
     @Output('fieldChange') fieldChange: EventEmitter<string> = new EventEmitter<string>(); 

    ngOnChanges() { 
     if(this.mode == 'cancel'){ 
     this.field = ""; 
     this.fieldChange.emit(""); 
    } 
    } 
} 

Answer 1

角度が好きではありません。 ngOnChangesが変更検出によって呼び出されます。

いずれかのことを回避する方法は、手動で2ウェイ結合を切り離すことで、このエラーの原因となる（私はngAfterViewChecked作品だと思います）、またはsetTimeout()

export class EditFieldComponent implements OnChanges { 
     @Input('mode') mode: string; 
     @Input('field') field: string; 
     @Output('fieldChange') fieldChange: EventEmitter<string> = new EventEmitter<string>(); 

    ngOnChanges() { 
     if(this.mode == 'cancel'){ 
      setTimeout(() => { 
      this.field = ""; 
      this.fieldChange.emit(""); 
      }); 
     } 
    } 
    } 
}