JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="AppCtrl">
        <div the-directive=""></div>
    </div>
</div>

JavaScript

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

app.controller("AppCtrl", function($scope) {
    this.text = "Blablabla";
    
    this.getText = function() { return this.text; };
});

app.directive("theDirective", function() {
    return {
        restrict: "A",
        require: "^ngController",
        link: function(scope,elem,attrs,ngCtrl) {
            elem.text(ngCtrl.getText());
        }
    };
});