您如何从用户只能选中一个复选框到 Angular 中的多个复选框？

Question

我有一个 angular 应用程序，基本上当用户点击选中我复选框时，我只希望用户能够 select 只有 select 中的一个复选框离子列表。如果未选中“检查我”复选框，我希望用户能够 select 多个复选框（当然是默认行为）。

我能够将其设置为用户只能 select 一个复选框的位置，但是如何切换回用户可以返回到可以选中多个复选框的位置？

这是一个 stackblitz https://stackblitz.com/edit/angular-i3pfu2-5wtmpm?file=app%2Flist-selection-example.html

Answer 1

更改 selectOnlyOneEntityFunc 以验证 this.isChecked 是否为真

selectOnlyOneEntityFunc(){
this.selectionList.selectionChange.subscribe((s: MatSelectionListChange) => {
  if(this.isChecked)
    this.selectionList.deselectAll();
  s.option.selected = true;
});