根据全局变量禁用 Angular 中的多个按钮
Disable several buttons in Angular based on a global variable
我有一个网站,我希望能够禁用一些验证按钮,以防我有 isReadOnly = true
(我从后端获得的全局变量),而不是我在所有屏幕上逐一显示一个并使 ngIf
无处不在。有没有最佳的方法来做到这一点?
感谢您的帮助:)
您可以将 isReadOnly
放入服务并创建一个指令,用您的值设置按钮的 readonly
属性。
它类似于 dince12 答案,但它可以在所有具有 readonly 属性的元素上工作。
您可以使用指令来实现。
在这里,工作 example。
您可以创建只读指令,将 isReadonly 值作为输入或通过共享服务传递。在内部指令中,您可以根据需要禁用任何 html 控件。
我有一个网站,我希望能够禁用一些验证按钮,以防我有 isReadOnly = true
(我从后端获得的全局变量),而不是我在所有屏幕上逐一显示一个并使 ngIf
无处不在。有没有最佳的方法来做到这一点?
感谢您的帮助:)
您可以将 isReadOnly
放入服务并创建一个指令,用您的值设置按钮的 readonly
属性。
它类似于 dince12 答案,但它可以在所有具有 readonly 属性的元素上工作。
您可以使用指令来实现。
在这里,工作 example。
您可以创建只读指令,将 isReadonly 值作为输入或通过共享服务传递。在内部指令中,您可以根据需要禁用任何 html 控件。