Angular2@通过get/set输入属性

Question

我在该组件中有一个Angular2组件，它目前有一堆字段，前面应用了@input()，以允许绑定到该属性，即。

@Input() allowDay: boolean;

_allowDay: boolean;
get allowDay(): boolean {
    return this._allowDay;
}
set allowDay(value: boolean) {
     this._allowDay = value;
     this.updatePeriodTypes();
}

//@Input() allowDay: boolean;
_allowDay: boolean;
get allowDay(): boolean {
    return this._allowDay;
}
@Input('allowDay') set allowDay(value: boolean) {
    this._allowDay = value;
    this.updatePeriodTypes();
}

Answer 1

您可以直接在设置器上设置@input，如下所述：

_allowDay: boolean;
get allowDay(): boolean {
    return this._allowDay;
}
@Input() set allowDay(value: boolean) {
    this._allowDay = value;
    this.updatePeriodTypes();
}

请参见此plunkr:https://plnkr.co/edit/6misutgte9sfemcb8n4p?p=preview.