Повторите набор флажков и не проверяйте один и тот же несколько раз

Question

У меня есть проблема со следующим в Angular / Typescript.

У меня есть набор флажков, и мне нужно отобразить его в нескольких местах на моей странице.

Предположим, у меня есть следующее:

box-1 box-2 box-3 box-4 box-5 box-6

box-1 box-2 box-3 box-4 box-5 box-6

box-1 box-2 box-3 box-4 box-5 box-6

box-1 box-2 box-3 box-4 box-5 box-6

Таким образом, у меня есть 4 раза набор из 6 флажков с повторяющимися элементами. Я должен быть в состоянии выбрать каждый элемент только один раз. Так что если я отмечу box-1 в первом ряду, то он должен быть отключен во всех остальных. Если затем я проверяю box-1 в третьем ряду, то его нужно проверять везде, кроме третьего.

Мне удалось сделать это за два сета, но не могу заставить его работать больше?

Есть идеи, как это сделать?

<div class="checkbox-container">
    <mat-checkbox *ngFor="let child of children">
        {{child.firstName}}
    </mat-checkbox>
</div>`

Теперь где-то еще у меня тот же ngFor с такими же флажками, но если я не смогу проверить одного и того же ребенка в двух чекбоксы

Я связываю логическое значение с помощью ngModel или проверил, но затем я должен проверить все остальные?