AngularComponent.js

class AngularComponent {
    static $inject = [];

    constructor(...args) {
        this.$inject = this.constructor.$inject.reduce(
            (acc, injectName, index) => ({
                ...acc,
                [injectName]: args[index],
            }),
            {}
        );
    }
}

class Controller extends AngularComponent {
    static $inject = ['$scope', 'eventBus', 'uiState'];

    constructor(...args) {
        super(...args);
        // if you need other things here...
        // if not, remove constructor...
    }

    $onInit() {
        this.$inject.eventBus.register(
            BROADCAST_EVENTS.CONNECTION_CHANGED,
            this._onConnectionChange,
            this.$inject.$scope
        );
        this.$inject.eventBus.register(
            BROADCAST_EVENTS.SELECTED_TAKEOFF_UPDATED,
            () => this._onConnectionChange(null, true),
            this.$inject.$scope
        );
    }

    _onConnectionChange = (e, connected) => {
        this.$inject.uiState.syncConnecting = !connected;
    }
}