Angular 6: отключить динамический флажок на основе условия

Question

У меня есть динамическая форма с повторным списком флажков.См. https://stackblitz.com/edit/angular-5jdnb5

Если опция флажка отмечена в одном списке флажков, эта опция должна быть отключена в других списках.Например, если в первом списке установлен флажок Жизнь , флажок «Жизнь» должен быть отключен в других списках.

Как реализовать логику.Пожалуйста, предложите.

Answer 1

Я создал упрощенную демонстрацию ЗДЕСЬ , понятную для массовой аудитории.

Основной концепцией здесь является сохранение объекта опций и соответствующего идентификатора списка, который используется для поддержки того, какую опцию списка отключить.

Нет необходимости передавать данные между компонентами, достаточно просто манипулировать объектами в шаблоне компонента, чтобы включить / отключить флажки

Answer 2

Вам просто нужно сообщать об этом на верхнюю страницу каждый раз, когда меняется содержимое флажка.Это хорошее решение для общения с событиями для этого процесса отчетности.Ниже приведено исправленное и запущенное приложение, которое вы хотите.Я собираюсь изменить свой ответ позже.

https://stackblitz.com/edit/angular-bzqbeq