JSFiddle - React, Tailwind, and code Playground

by Gonzalo Garcia

HTML

<div ng-app="app" ng-controller="mainController">
    {{ message }}
    <div otc-dynamic></div>
</div>

JavaScript

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

app.directive("otcDynamic", function($compile){
   return {
        link: function(scope, element){
            var template = "<button ng-click='doSomething()'>{{label}}</button>";
            var content = $compile(template)(scope);
            element.append(content);
        }
    };
});

app.controller("mainController", function($scope){
 
    $scope.label = "Please click";
    $scope.doSomething = function(){
      $scope.message = "Clicked!";
    };
 
});