从已编译和链接的元素中动态添加或删除指令的正确方法是什么?
我有一个页面,那里有一堆输入(列表很长,所以我想提出一个通用的解决方案)。如果设置了特定标志,我想要做的是禁用所有输入。我可以通过使用 jQuery 的 element.prop('disabled', true) 来做到这一点。
这种方法的问题是,如果任何输入附加了 ng-disabled 或 ng-enabled 指令,那么在它们的任何表达式修改时,它们将覆盖先前设置的“禁用”属性。但我希望他们不要覆盖我的全局标志。
我想出了为 ng-disabled 或 ng-enabled 表达式添加另一群观察者的解决方案,但这似乎不是最好的方法。
我想要做的是删除大部分附加到元素的指令并自己设置适当的属性。但是如果我重新编译并重新链接元素,然后在文档中替换它,那么我会遇到内存泄漏,因为旧元素将从 DOM 文档树中分离出来,并保留在内存中。我也不能破坏元素的范围,因为这些元素基本上使用了整个页面的主要范围。