如何删除列表中的复选框

Question

我知道了 stackblitz带有选择的列表的示例，如下图所示。

在选择列表中，列表处于选中状态，但是如何删除该复选框？

Answer 1

为此添加display:none

我已在 git repository

上创建了一个演示

  

.css /.sccc

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

Answer 2

使用mat-list-options代替使用mat-list-item

mat-list-options的默认行为是带有复选框

更新了Stackblitz

Answer 3

不建议使用Ng-deep。或者使用：encapsulation: ViewEncapsulation.None

TS

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

CSS

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

Answer 4

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