Angular 2 way binding component - 检查后表达式发生了变化

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。

无论是移动代码到另一个回调不会导致此错误（我认为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(""); 
      }); 
     } 
    } 
    } 
}