JSFiddle - React, Tailwind, and code Playground

by msfrisbie

HTML

<div ng-app="articleApp">
  <article></article>
</div>
<script>
angular.module('articleApp', [])
.directive('article', function() {
	return {
  	controller: function() {
    	this.person = { firstName: 'Jake' };
      this.title = 'Lesotho Yacht Club Membership Booms';
    },
    controllerAs: 'articleCtrl',
    template: `
    	<h1>{{ articleCtrl.title }}</h1>
    	<attribution></attribution>
    `
  };
})
.directive('attribution', function() {
	return {
    template: '<p>Written by: {{ articleCtrl.author }}</p>'
  };
});
</script>