JSFiddle - React, Tailwind, and code Playground

by Aaron Zhang

HTML

<div ng-app="myApp">
    <div ng-controller="myController">
      <div my-directive my-click="foo()"></div>
    </div>
</div>

JavaScript

var app = angular.module('myApp',[]);
app.directive('myDirective',function(){
    return {
        template:'<button ng-click="myClick()">CLICK</button>',
        replace:true,
        scope:{
            myClick:'&'
        }
    };
});
app.controller('myController',function($scope){
    $scope.foo = function(){
        alert('foo');
    };
});