Looking for a way to dynamically add or remove directives from compiled and linked elements? I have a page with numerous inputs and want to disable all of them if a specific flag is set. The conventional method using jQuery's element.prop('disabled', true) runs into issues when dealing with inputs that have ng-disabled or ng-enabled directives, as their expressions can override the 'disabled' property previously set globally.
I considered adding more watchers for ng-disabled or ng-enabled expressions, but this doesn't seem ideal. My goal is to remove most of the attached directives on the element and set appropriate attributes myself without causing memory leaks. Recompiling and relinking the element seems to result in a memory leak, as the old element remains in memory even after being removed from the DOM document tree. Additionally, destroying the element's scope isn't an option since these elements rely on the main scope of the entire page.