Отключить несколько кнопок в Angular на основе глобальной переменной

Question

У меня есть веб-сайт, и я хочу иметь возможность отключить некоторые кнопки проверки в случае, если у меня есть isReadOnly = true (глобальная переменная, которую я получаю из бэкэнда), вместо этого я захожу на все экраны один за другим и делаю ngIf везде.Есть ли оптимальный способ сделать это?

Спасибо за вашу помощь :)

Answer 1

Вы можете использовать директиву для достижения этого.

Здесь рабочий пример .

Answer 2

Вы можете создать директиву только для чтения, в которой вы передаете значение isReadonly в качестве входных данных или через общую службу. Внутри директивы вы можете отключить любой элемент управления HTML в соответствии с вашими потребностями.

Answer 3

Вы можете поместить ваш isReadOnly в службу и создать директиву, которая устанавливает атрибут readonly вашей кнопки с вашим значением. Он похож на ответ dince12, но может работать со всеми элементами с атрибутом readonly.