基于全局变量禁用Angular中的几个按钮答案

【问题标题】：Disable several buttons in Angular based on a global variable基于全局变量禁用Angular中的几个按钮
【发布时间】：2019-03-08 08:05:57
【问题描述】：

我有一个网站，我希望能够禁用一些验证按钮，以防我有一个 isReadOnly = true（我从后端获得的一个全局变量），而是一个接一个地在所有屏幕上显示 @ 987654322@无处不在。有没有最佳的方法来做到这一点？

感谢您的帮助:)

【问题讨论】：

【解决方案1】：

您可以使用指令来实现。

这里，一个工作的example。

【讨论】：

【解决方案2】：

您可以将您的isReadOnly 放入服务并创建一个指令，将您的按钮的readonly 属性设置为您的值。它类似于 dince12 答案，但它可以在所有具有只读属性的元素上工作。

【讨论】：

【解决方案3】：

您可以创建一个只读指令，将您的 isReadonly 值作为输入或通过共享服务传递。内部指令您可以根据需要禁用任何 html 控件。

【讨论】：