Angular mat-selection-list, How to make single checkbox select similar to radio button?

Question

How to make make single checkbox select from mat-selection-list. Similar to radio button which accepts one value from group of values.

Answer 1

you can use 'mat-checkbox' instead of 'mat-selection-list' and play with click event like this:

HTML

TS

@ViewChildren('checkBoxes') checkBoxes: QueryList;

 changeCheckBox() {
    this.checkBoxes.filter((checkbox: MatCheckbox) =>
      checkbox.checked === true
    )[0].checked = false;
  }

remember that all check boxes default value is unchecked.