JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="MainCtrl">
    <h1 hello></h1>
</div>

JavaScript

angular.module('myApp', ['myApp.directives', 'myApp.controllers']);


angular.module('myApp.controllers', [])
  .controller('MainCtrl', function ($scope) {
      $scope.name = 'world';
  });


var directives = angular.module('myApp.directives', []);

directives.directive("hello", function () {
    return function ($scope, elm, attrs) {
        elm.text("hello, " + $scope.name);
    };
});