Javascript 禁用对所有输入和表单的编辑

我正在开发一个项目管理应用程序，第一个界面用于从列表中选择项目，其他界面用于显示编辑添加。。。所选项目的不同信息类型。 我们的项目有一个变量来定义项目是可编辑的还是只读的；我的问题是，根据此变量禁用所有不同接口中的所有输入的最佳方法是什么？ 我可以将此变量存储在本地存储器中，并向每个输入添加如下内容：

<input ng-class="{disable: readOnly === true}" type="text"....>

或者按钮

<button ng-hide="readOnly">Submit</button>

提交

但我认为这是一个丑陋的方法，首先因为我们使用的是带有本地存储的全局变量，特别是因为我们在开始时没有预料到这个功能，所以使用上面的方法，我应该向所有输入、按钮、复选框……添加代码

---

在这种情况下，我们是否有不使用本地存储的最佳做法？

我想说的是，将您希望

禁用的所有字段都封装在
字段集
元素中，然后在
字段集
上使用
ng disabled=“readOnly”
指令，这样，所有内部字段都将被禁用
一次，即
readonly
值变为true，通过该值，所有代码都将变得更干净

标记

<fieldset ng-disabled="readonly">
   ...All fields & button here..
</fieldset>


…此处的所有字段和按钮。。

我想说的是，将您想要
禁用的所有字段都封装在
字段集
元素中，然后在
字段集
上执行
ng disabled=“readOnly”
指令，这样所有内部字段都将被禁用
一旦
readOnly
值变为真，通过它，您的所有代码变得更干净

标记

<fieldset ng-disabled="readonly">
   ...All fields & button here..
</fieldset>


…此处的所有字段和按钮。。

亲爱的

我认为使用本地存储或会话存储也不是最佳做法。因此，你应该采取另一种方法。虽然你的问题不是很清楚，但我还是会给你一些解决方案

您可以使用$rootscope
您可以使用工厂或服务将数据从一个控制器传递到另一个控制器
谢谢和干杯亲爱的

我认为使用本地存储或会话存储也不是最佳做法。因此，你应该采取另一种方法。虽然你的问题不是很清楚，但我还是会给你一些解决方案

您可以使用$rootscope
您可以使用工厂或服务将数据从一个控制器传递到另一个控制器
谢谢和干杯