Как создать угловые взаимоисключающие флажки и фильтр ⇐ Javascript

[Anonymous]

У меня есть 4 флажки, которые фильтровали на основе его имени/идентификации. Когда страница загружается, все должно быть выбрано. Если я щелкну в любом другом поле «Все» должны отменить решение, а затем отфильтровал на основе выбора. Затем, если я нажимаю на все другие флажки, которые должны отказаться, но все идентификаторы
должны показать. /> Затем, когда я нажимаю на все после выбора других ящиков, они отказались правильно, но все элементы в таблице не показывают, как и ожидалось.

Код: Выделить всё

handleCheckboxSelection(values: any) {
const allSelected = values.ALL;
const checkBox1Selected = values.Checkbox1;
const checkBox2Selected = values.Checkbox2;
const checkBox3Selected = values.Checkbox3;

if (allSelected) {
// If "All" is selected, deselect others
this.reportListFG.get('filterGroup')?.patchValue(
{
Checkbox1: false,
Checkbox2: false,
Checkbox3: false,
},
{ emitEvent: false } // Prevent infinite loop
);
} else {
// If "All" is not selected, deselect "All" if any other is selected
if (checkBox1Selected || checkBox2Selected || checkBox3Selected) {
this.reportListFG.get('filterGroup')?.patchValue(
{
ALL: false,
},
{ emitEvent: false }
);
}

вот мой стеклейтц

Подробнее здесь: https://stackoverflow.com/questions/795 ... and-filter