如何正确设置角度组件输入元素的id?

我在想解决这种情况的最好办法我有一个角度组件,它构建了一张卡片,上面有员工的信息,你可以编辑,我有复选框,文本字段等等。

这个组件在一个页面上多次构建,每个注册的员工都有一个组件实例。我和 id 的属性 checkbox 输入;由于组件是多次构建的,当我单击第二张卡上的复选框时,选中的框实际上是第一张卡上的框。

这是组件模板上的结构。

<input type="checkbox" [attr.readonly]="editAgentState ? null : 'readonly'" checked id="card-weekday-mon" class="weekday"
                />
                <label for="card-weekday-mon">Mo</label>
                <input type="checkbox" checked id="card-weekday-tue" class="weekday" />
                <label for="card-weekday-tue">Th</label>
                <input type="checkbox" checked id="card-weekday-wed" class="weekday" />
                <label for="card-weekday-wed">We</label>
                <input type="checkbox" checked id="card-weekday-thu" class="weekday" />
                <label for="card-weekday-thu">Tu</label>
                <input type="checkbox" checked id="card-weekday-fri" class="weekday" />
                <label for="card-weekday-fri">Fr</label>
                <input type="checkbox" id="card-weekday-sat" class="weekday" />
                <label for="card-weekday-sat">Sa</label>
                <input type="checkbox" id="card-weekday-sun" class="weekday" />
                <label for="card-weekday-sun">Su</label>
              </div>

所以我想找一个最好的办法 Id 对于每个复选框,以便单击会影响已单击的确切复选框。