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

Disable several buttons in Angular based on a global variable

我有一个网站,我希望能够禁用一些验证按钮,以防我有 isReadOnly = true(我从后端获得的全局变量),而不是我在所有屏幕上逐一显示一个并使 ngIf 无处不在。有没有最佳的方法来做到这一点?

感谢您的帮助:)

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

您可以使用指令来实现。

在这里,工作 example

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