Angular 1.5 component demo

by Dor Cohen

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js"></script>
<div ng-app="demoApp">
  <papa></papa>
</div>

JavaScript

var MainTemplate = `
  <div>
  Outside: {{MainBlCtrl.facets}}
  <br/>
  Outside: {{MainBlCtrl.name}}
  <container>
  	Inside: {{MainBlCtrl.name}}
  </container>
  </div>
`;

var ContainerTemplate = `
  <div>
  jkkjnjknkjlmk 
  <div ng-transclude></div>
  </div>
`;

var papaTemplate = `
  <main facets='papaCtrl.param'>  	
  </main>
`;

var main = {
 bindings: {
                facets: '='
            },
  controller: function() {
    this.name = "Dor";
  },
  controllerAs: 'MainBlCtrl',
  template: MainTemplate
};

var papa = {
  controller: function() {
    this.param = "Cohen";
  },
  controllerAs: 'papaCtrl',
  template: papaTemplate
};

var container = {
	bindings:{
  	sdsfs:'='
  },
  controller: function() {
  },
  controllerAs: 'ContainerCtrl',
  transclude:true,
  template: ContainerTemplate
};

angular.module('demoApp', []).component('main', main).component('container', container)
.component('papa', papa);

//export default navbar;