JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.js"></script>
<div disable-directive="ng-hide" ng-app="myApp">
    <div ng-hide="true">Hidden</div>
    <div ng-if="open">
        <hidden2></hidden2>
    </div>
    <button ng-click="open = true">Open hidden 2</button>
</div>

JavaScript

angular.module('myApp', []).directive("disableDirective", function () {
    function compile (el, attr) {
        var hasDirective = el[0].querySelectorAll("["+attr.disableDirective+"]");

        [].forEach.call(hasDirective, function (el) {
            el.removeAttribute(attr.disableDirective);
        });
    }

    return {
        priority: 100000,
        compile: compile
    };
})

.directive('hidden2', function() {
    return {
        replace: true,
        template: '<div ng-hide="true">Hidden 2</div>'
    };
});