JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <my-top></my-top>
</div>

JavaScript

var app = angular.module("myApp", [])

app.directive('myTop',function() {
return {
    restrict: 'E',
    template: '<button ng-click="clickFunc()">CLICK</button>',
    link: function (scope) {
        scope.clickFunc = function () {
            alert('Hello, world!');
        };
    }
}
})