JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" ng-app="app" ng-controller="AppController">
    <sandbox title="Attribute Title"></sandbox>
</div>

JavaScript

var app = angular.module('app', [], function () {});

app.controller('AppController', function ($scope) {
    $scope.title = "AppController Title";
});

app.directive('sandbox', function ($log, $compile) {
    return {
        restrict: 'EA',
        scope: {
           ngModel: '='
        },
        compile: function (tElement, tAttrs) {
            tElement.append('<h2> Title = {{ title }}</h2>');
        }
    }

});