Angular ES6 Component Style

component.js

const DEMO_COMPONENT_NAME = "demoComponent";

// before angular 1.5 component : directive was the way to create component
const demoComponent = {
  template: '<h1>Hello world</h1><h2>{{$ctrl.domAttribute}}</h2>',
  bindings: {
    domAttribute: '@',
    onSomething: '&', // function call out
    demoAttr2: "<"  // Data in
  },
  // Controller exposed as $ctrl in html
  controller: class demoController {
 
    // The class should have explicit $inject annotation in order to be properly minified:
    static get $inject() {
      return ["$http"];
    }

    constructor($http) {
      Object.assign(this, { $http});
      // ^ allows 'this.$service1'
    }

    // On initialise
    $onInit() {
     
    }


    $onChanges(changes) {
      if (changes.domAttribute) {
        this.domAttribute = Object.assign({}, this.domAttribute);
      }
    }

  }
};


angular
.module('app', ['account']);

angular
  .module('account', [])
  .component(DEMO_COMPONENT_NAME, demoComponent)