如何删除列表中的复选框答案

【问题标题】：How to remove the check box in the lists如何删除列表中的复选框
【发布时间】：2022-03-11 18:51:32
【问题描述】：

我收到了 stackblitz 列表示例如下图所示。

在选择列表中，列表选择正常，但如何删除复选框？

【问题讨论】：

【解决方案1】：

为此添加display:none

我在 Stackblitz

上创建了一个演示

.css /.sccc

:host {
    ::ng-deep.mat-pseudo-checkbox{
      display: none !important;
    }
}

【讨论】：

【解决方案2】：

Ng-deep 已弃用。或者使用：encapsulation: ViewEncapsulation.None

@Component({
  selector: 'component-name',
  ...
  encapsulation: ViewEncapsulation.None
})

CSS

component-name .mat-pseudo-checkbox {
  display: none !important;
}

【讨论】：

【解决方案3】：

一个有趣的替代方法是使用垂直方向的button toggle group。

【讨论】：

【解决方案4】：

在<mat-selection-list> 标签中添加属性[multiple]="false"。为我工作！

【讨论】：