Angular应用中如何根据列名条件隐藏复选框所在Div？

直接修改包含复选框的<div>标签，添加*ngIf指令实现条件控制：

<mat-expansion-panel *ngFor="let column of advancedFilterColumns; let i = index">
  <!-- 仅当column.name不等于'games'时渲染该div -->
  <div *ngIf="column.name !== 'games'">
    <mat-checkbox aria-label="Select All">Select All </mat-checkbox>
  </div>
</mat-expansion-panel>

说明 #

Angular的*ngIf指令会根据表达式的布尔结果决定是否渲染元素：

• 当column.name !== 'games'为true时，显示带复选框的div
• 当column.name === 'games'时，该div不会被渲染，达到隐藏效果

内容的提问来源于stack exchange，提问作者GoGetSOme