JSFiddle - React, Tailwind, and code Playground

by Dor Cohen

HTML

<div ng-app="app">
  <main></main>
</div>

JavaScript

angular.module('app', [])
  .component('main', {
    bindings: {},
    controller: MainBl,
    controllerAs: 'MainBlCtrl',
    template: '<div>{{MainBlCtrl.name}} dsfdsfs</div>'
  })
  .component('someContainer', {
    bindings: {},
    controller: SomeContainer,
    tansclude: true,
    controllerAs: 'SomeContainerCtrl',
    template: '<div><div ng-transclude></div><div>Outside of transclude</div></div>'
  });

function MainBl($scope) {
  this.name = 'Dor';
}