角2 - 如何修改ngOnChange輸入B（通過改變輸入A觸發）

Question

我有一個輸入和一個可變的成分：

@Input() data: string[]; 
@Input() val: string = ''; 

ngOnChanges(changes: SimpleChanges) { 
    for (let propName in changes) { 
     if (propName == 'data') { 
      this.val = 'hello'; 
     } 
    } 
} 

問題是，我需要改變輸入val當數據被更改。但我有以下錯誤：

Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. 

謝謝！

Answer 1

它更容易創建一個setter

_data: string[]; 
@Input() set data(val: string[]) { 
    this._data = val; 
    this.val = 'abc' 
    // this.cdRef.detectChanges(); 
} 
get data() { return this._data; } 

@Input() val: string = ''; 

如果仍然出現錯誤然後添加

constructor(private cdRef:ChangeDetectorRef) {} 

和評論在上面的二傳手註釋掉線。