JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div custom-directive info="1"></div>
    <div custom-directive info="2"></div>
</div>

JavaScript

angular.module('directives', []);

angular.module('directives', []).directive('customDirective', 
    function() {
      return {
        restrict: 'EAC',
        scope: { info : '='},
        template: "<div><div ng-if='info==1'><div custom-directive info='2'></div></div><div ng-if='info==2'>DONE,single.</div></div>",
        link: function($scope, element, attrs, controller) {
          
        }
      };
    }
  );

angular.module('myApp', ['directives']);