根据全局变量禁用Angular中的多个按钮

Question

我有一个网站，我希望能够禁用一些验证按钮，以防万一我有一个isReadOnly = true（我从后端获取的全局变量），而不是一个一个地进入所有屏幕，使ngIf无处不在。有最佳的方法吗？

谢谢您的帮助:)

Answer 1

您可以将isReadOnly放入服务中，并创建一条指令，该指令用您的值设置按钮的readonly属性。 它类似于dince12的答案，但可以在具有readonly属性的所有元素上使用。

Answer 2

您可以使用指令来实现这一目标。

在这里，工作中的example。

Answer 3

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