Chile component controller reference for angular 1.x

octothorpe.module.js

const camelCase = (text) => text
  .toLowerCase()
  .replace(/-+(.)/g, (_, letter) => letter.toUpperCase())

const getControllerScope = (scope) =>
  Object.getPrototypeOf(scope) === Object.getPrototypeOf(scope.$root)
    ? scope
    : scope.$parent

/**
 * @ngdoc directive
 * @name  #
 * @param {String} # The name of the property of `$scope.$ctrl` to which attach
 *     the reference of the component's controller. Defaults to the child
 *     component's name (camel case).
 *
 * @description Allows to assign a child component's controller to a property of
 * the current compoent's `$ctrl`.
 *
 * @example
 *
 *  // app.partial.html
 *  <nav-bar on-home-click="$ctrl.sideBar.toggle()"></nav-bar>
 *  <side-bar #></side-bar>
 *
 *  // app-bis.partial.html
 *  <nav-bar on-home-click="$ctrl.customCtrlName.toggle()"></nav-bar>
 *  <side-bar #="customCtrlName"></side-bar>
 */
octothorpeDirective.$inject = []
function octothorpeDirective () {
  return {
    priority: -1000, // lower than ng-view (= -400)
    restrict: 'A',
    scope: false,
    link (scope, iElement, iAttr) {
      const parentScope = getControllerScope(scope)
      const $ctrl = parentScope.$ctrl
      const ctrlName = camelCase(iElement[0].nodeName)
      const refName = iAttr['#'] || ctrlName

      if (!$ctrl) {
        throw new Error('Missing parent controller for # directive.')
      } else if ($ctrl.hasOwnProperty(refName)) {
        throw new Error(`The controller already has property named "${refName}"`)
      }

      scope.$on('$destroy', () => {
        $ctrl[refName] = null
      })

      // If the element is compiled asynchronously then its controller may need
      // several digests before beeing instantiated.
      const unwatch = scope.$watch(() => {
        const elData = iElement.data()
        return elData[`$${ctrlName}Controller`] || elData['$ngControllerController']
      }, (elCtrl) => {
        if (elCtrl) {
          $ctrl[refName] = elCtrl
          unwatch()
        }
      })
    }
  }
}

export default angular
  .module('octothorpe', [])
  .directive('#', octothorpeDirective)
  .name