JSFiddle - React, Tailwind, and code Playground

by redaemn

HTML

<div ng-app="directives">

    <div test-directive></div>

</div>

JavaScript

angular.module('directives', []).
    directive('testDirective', [function() {
    
        return {
          
            restrict: 'A',
            scope: true,
            template: '<div>Click {{number}}</div>',
            link: function link ($scope, $element, $attrs, $controller) {
                $scope.number = 6;
                
                $element.bind('click', function() {
                    $scope.$apply(function() {
                          $scope.number++;
                    });
                    console.log($scope.number);
                });
            }
            
        };
    
    }]);