Angular2 Input to a property with get set

Question

I have an Angular2 component in that component it currently has a bunch fields that have  Input   applied before them to allow binding to that property  i e    Input   allowDay  boolean    What I would like to do is actually bind to a property with get set  so that I can do some other logic in the setter  something like the following   allowDay  boolean  get allowDay    boolean       return this  allowDay    set allowDay value  boolean         this  allowDay   value       this updatePeriodTypes        how would I do this in Angular2   Based on Thierry Templier suggestion I changed it to  but that throws the error Can t bind to  allowDay  since it isn t a known native property       Input   allowDay  boolean   allowDay  boolean  get allowDay    boolean       return this  allowDay     Input  allowDay   set allowDay value  boolean        this  allowDay   value      this updatePeriodTypes

User · Answer

Updated accepted answer to angular 7 0 1 on stackblitz here  https   stackblitz com edit angular-inputsetter embed 1 amp file src app app component ts  directives are no more in Component decorator options  So I have provided sub directive to app module   thank you  thierry-templier

User · Answer

You could set the  Input on the setter directly  as described below   allowDay  boolean  get allowDay    boolean       return this  allowDay     Input   set allowDay value  boolean        this  allowDay   value      this updatePeriodTypes       See this Plunkr  https   plnkr co edit 6miSutgTe9sfEMCb8N4p p preview

User · Answer

Paul Cavacas  I had the same issue and I solved by setting the Input   decorator above the getter      Input  allowDays     get in    any       return this  allowDays            Input  allowDays        not working   set in val        console log  allowDays     val       this  allowDays   val        See this plunker  https   plnkr co edit 6miSutgTe9sfEMCb8N4p p preview

User · Answer

If you are mainly interested in implementing logic to the setter only  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                 The import of SimpleChanges is not needed if it doesn t matter which input property was changed or if you have only one input property  Angular Doc  OnChanges otherwise  private  allowDay  boolean    Input   set allowDay value  boolean      this  allowDay   value    this updatePeriodTypes      get allowDay    boolean        other logic   return this  allowDay

[angular] Angular2 @Input to a property with get/set

Examples related to angular