Simple way to register many event handlers to AngularJS scope.

register-many-event-handlers-angular

function traverse(scope, level, rootPath, delimiter) {
    rootPath = rootPath || [];
    Object.keys(level).forEach(function (key) {
        const path = rootPath.slice(0);
        path.push(key);
        if (angular.isFunction(level[key])) {
            scope.$on(path.join(delimiter), level[key]);
            return;
        }
        traverse(scope, level[key], path, delimiter);
    });
}

traverse($rootScope, {
  foo: function fooHandler() {},
  group: {
    bar: function groupBarHandler() {},
    baz: function groupBazHandler() {},
  }
}, ['prefix'], '-');

// binds the following evet -> handler pairs
// prefix-foo -> fooHandler()
// prefix-group-bar -> groupBarHandler()
// prefix-group-baz -> groupBazHandler()
// to $rootScope