5

从已编译和链接的元素中动态添加或删除指令的正确方法是什么?

我有一个页面,那里有一堆输入(列表很长,所以我想提出一个通用的解决方案)。如果设置了特定标志,我想要做的是禁用所有输入。我可以通过使用 jQuery 的 element.prop('disabled', true) 来做到这一点。

这种方法的问题是,如果任何输入附加了 ng-disabled 或 ng-enabled 指令,那么在它们的任何表达式修改时,它们将覆盖先前设置的“禁用”属性。但我希望他们不要覆盖我的全局标志。

我想出了为 ng-disabled 或 ng-enabled 表达式添加另一群观察者的解决方案,但这似乎不是最好的方法。

我想要做的是删除大部分附加到元素的指令并自己设置适当的属性。但是如果我重新编译并重新链接元素,然后在文档中替换它,那么我会遇到内存泄漏,因为旧元素将从 DOM 文档树中分离出来,并保留在内存中。我也不能破坏元素的范围,因为这些元素基本上使用了整个页面的主要范围。

4

1 回答 1

0

你可以尝试类似的东西

<div ng-show="someBoolean" >Some text or nested element</div>

或者代替“someBoolean”,您可以附加一个解析为布尔值的函数。要设置您的布尔值,您可以将 ng-click 附加到您的输入以更新您的模型/布尔值

<button type="button" ng-click="setBoolean()">Some text or nested element </button>

由于 angulars 双向数据绑定,ng-show 将在下一个摘要周期完成后更新

于 2015-03-25T15:19:23.577 回答