Angular2 @ get / set içeren bir özelliğe giriş

Şu anda bu özelliğe, yani bağlama izin vermek için kendilerine uygulanan @Input () sahip bir grup alanları var bu bileşende bir Angular2 bileşeni var

@Input() allowDay: boolean;

Ne yapmak istiyorum aslında get / set ile bir özellik bağlamak, böylece setter başka bir mantık yapabilirsiniz, aşağıdaki gibi bir şey

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

bunu Angular2'de nasıl yapabilirim?

Thierry Templier önerisine dayanarak değiştirdim, ancak bu hata atıyor Bilinen bir yerel özellik olmadığından 'allowDay' öğesine bağlanamıyorum:

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

@Input'u aşağıda açıklandığı gibi doğrudan ayarlayıcıda ayarlayabilirsiniz:

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

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

Şu plunkr'a bakın: https://plnkr.co/edit/6miSutgTe9sfEMCb8N4p?p=preview .

Temel olarak yalnızca ayarlayıcıya mantık uygulamakla ilgileniyorsanız :

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();
    }
  }
}

SimpleChangesHangi girdi özelliğinin değiştirildiği önemli değilse veya yalnızca bir girdi özelliğiniz varsa içeri aktarma işlemi gerekmez.

Açısal Belge: OnChanges

aksi takdirde:

private _allowDay: boolean;

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

@ Paul Cavacas, ben de aynı sorunu yaşadım ve Input()dekoratörü alıcının üstüne koyarak çözdüm .

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

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

Bu dalma makinesine bakın: https://plnkr.co/edit/6miSutgTe9sfEMCb8N4p?p=preview

Stackblitz'teki açısal 7.0.1'e kabul edilen cevap güncellendi: https://stackblitz.com/edit/angular-inputsetter?embed=1&file=src/app/app.component.ts

directivesartık Bileşen dekoratör seçeneklerinde değildir. Bu yüzden app modülüne alt yönerge verdim.

teşekkür ederim @ thierry-templier !