JSFiddle - React, Tailwind, and code Playground

by Craig G

HTML

<div ng-controller="TestCtrl">
    <button my-directive action="buttonClick()">Click</button>
    <div ng-show="divShow">
        Div is shown
    </div>   
</div>

JavaScript

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

myModule.directive("myDirective", function() {
    return {
        restrict: "A",
        scope   : {
		    action: "&"
		},
        link : function( scope, element, attrs )
		{
            element.bind( "click", function()
			{
                scope.action();
            });            
        }
    };
});

myModule.controller("TestCtrl",	function ($scope) {
    $scope.divShow = false;
    $scope.buttonClick = function()
    {
        $scope.divShow = !$scope.divShow;
        $scope.$digest();
    }
});