Angular2：子組件如何在onInit之后持續偵聽父組件的輸入

Question

我正在嘗試在另一個父組件中實現錯誤消息組件。 在子（錯誤消息）組件中，它具有輸入屬性，父組件會將錯誤消息傳遞給子cmp。 我似乎無法讓子組件持續監聽輸入字段，因為子組件僅渲染一次。 誰能給我一些有關如何解決此問題的見解？

子組件

export class ErrorMessage implements OnInit {
    @Input() errorType: string;

    errorMessage;
    messages = {
    apiError: 'There is an error with your request. Please try again.',
    }

    ngOnInit() {
        this.errorMessage = this.messages[this.errorType];
    }
}

父組件

@Component({
    selector: 'parent-component',
    template: '<error-message *ngIf="errorType" [errorType]="errorType"></error-message>'
})

export class ParentComponent implements OnInit {
    errorType: string;

    throwingErrorFn(){
        this.errorType = 'apiError';
    }
}

Answer 1

您可以在子組件中使用OnChanges ：

ngOnChanges() {
  console.log(this.errorType);
}

它應該捕獲對errorType中的errorType所做的每個更改。

ngOnChanges在ngOnInit之前以及每當一個或多個數據綁定輸入屬性更改時調用。