Angular2 @输入到具有get/set的属性

发布时间：2020-12-17 08:05:14 所属栏目：安全来源：网络整理

导读：我在该组件中有一个Angular2组件，它当前有一堆字段，它们之前应用@Input()来允许绑定到该属性，即 @Input() allowDay: boolean; 我想要做的是使用get / set绑定到一个属性，以便我可以在setter中做一些其他的逻辑，如下所示 _allowDay: boolean; get allowD

我在该组件中有一个Angular2组件，它当前有一堆字段，它们之前应用@Input()来允许绑定到该属性，即

@Input() allowDay: boolean;

我想要做的是使用get / set绑定到一个属性，以便我可以在setter中做一些其他的逻辑，如下所示

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

在Angular2中怎么做？

基于Thierry Templier的建议，我将其改为，但是抛出错误无法绑定到“allowDay”，因为它不是已知的本机属性：

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

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

_allowDay: boolean;
get allowDay(): boolean {
    return this._allowDay;
}

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

看到这个plunkr：https://plnkr.co/edit/6miSutgTe9sfEMCb8N4p?p=preview。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!