$OnChanges Angular1.6+ decorator

index.ts

const ONCHANGE_LISTENERS_TYPE = 'change:listeners';

function OnChanged$ (...properties: Array<string>) {

	return function targetChangeFunction (target: any, propertyKey: string, descriptor: PropertyDescriptor) {

		Reflect.defineMetadata(ONCHANGE_LISTENERS_TYPE, [
			...(Reflect.getMetadata(ONCHANGE_LISTENERS_TYPE, target) || []),
			{
				properties,
				fnc: Reflect.get(target, propertyKey)
			}
		], target);

		target['$onChanges'] = function onChange (changes: { [property: string]: { currentValue: any, previousValue: any } }) {
			console.log(63, 'index.ts',(Reflect.getMetadata(ONCHANGE_LISTENERS_TYPE, target) || []));

			console.log(65, 'index.ts',Reflect.getMetadata(ONCHANGE_LISTENERS_TYPE, target));
			// get a list of listeners
			(Reflect.getMetadata(ONCHANGE_LISTENERS_TYPE, target) || [])
				.filter(({properties}) => {
					console.log(66, 'index.ts', properties);
				});
			// filter to only the valid ones
			// execute the valid
		};

		/*target['$onChanges'] = function (changes: { [property: string]: { currentValue: any, previousValue: any } }) {
		 Object.entries(changes)
		 .map(([prop, delta]) => {
		 (Reflect.getMetadata(ONCHANGED_FNX, target) || [])
		 .filter(({properties}) => properties.includes(prop))

		 });
		 };*/
	};
}

type TOnChangedFunc = (changes: { [property: string]: { currentValue: any, previousValue: any } }) => void;

Basic use case:

class MyComponent extends IComponent {
    events: Array<Event>;

    @OnChages$('events')
    eventsOnChage(events):void {
        // By bindings changed
    }
}