JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <moja-dyrektywa></moja-dyrektywa>
</div>

JavaScript

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

app.directive('mojaDyrektywa', function() {
  return {
    restrict: 'E',
    template: '<p>Lorem ipsum...<span></span></p>',
    compile: function(elem, attr) {
      elem.find('span').text('dodatkowy text');
      return function(scope, elem, attr) {
        elem.on('click', function() {
          alert('Jestem klikalny!');
        });
      };
    }
  };
});