How to hook on @Input property change?

Question

I have a data binding from parent to child component and the childs template renders the data.

How can I act, in the child, on the event of the data being changed so I can do stuff with it before I render it?

Answer 1

Instead of using

@Input() myInputVariable;

You can intercept the input property changes with a setter, you can read more here

@Input()
set myInputVariable(value: boolean) {
    // Do Something here
}