Angular2 @ Вхід у властивість із get / set

У мене є компонент Angular2 у цьому компоненті, він наразі має кучу полів, які перед ними застосовано @ Input (), щоб дозволити прив'язку до цього властивості, тобто

@Input() allowDay: boolean;

Що я хотів би зробити, це насправді прив’язати до властивості get / set, так що я можу виконувати якусь іншу логіку в сеттері, щось на зразок наступного

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

як би я це зробив у Angular2?

На підставі пропозиції Thierry Templier я змінив його, але це призводить до помилки Не можу прив’язати до 'enableDay', оскільки це не відома рідна властивість:

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

Ви можете встановити @ Input на сетері безпосередньо, як описано нижче:

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

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

Дивіться цей плагін: https://plnkr.co/edit/6miSutgTe9sfEMCb8N4p?p=preview .

Якщо ви в основному зацікавлені в застосуванні логіки до сетера :

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

// [...]

export class MyClass implements OnChanges {
  @Input() allowDay: boolean;

  ngOnChanges(changes: SimpleChanges): void {
    if(changes['allowDay']) {
      this.updatePeriodTypes();
    }
  }
}

Імпорт SimpleChanges не потрібен, якщо не має значення, яке властивість введення було змінено або якщо у вас є лише одна властивість введення.

Кутовий документ: OnChanges

інакше:

private _allowDay: boolean;

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

@Paul Cavacas, у мене було те саме питання, і я вирішив, встановивши Input()декоратор над геттером.

  @Input('allowDays')
  get in(): any {
    return this._allowDays;
  }

  //@Input('allowDays')
  // not working
  set in(val) {
    console.log('allowDays = '+val);
    this._allowDays = val;
  }

Дивіться цей планк: https://plnkr.co/edit/6miSutgTe9sfEMCb8N4p?p=preview

Оновлений прийнятий відповідь на кутовий 7.0.1 на стек-бліц тут: https://stackblitz.com/edit/angular-inputsetter?embed=1&file=src/app/app.component.ts

directivesбільше немає в опціях декоратора компонентів. Тож я надав під-директиву модулю додатків.

дякую @ thierry-templier !