隐藏一些垫子选项角度实现

Question

我可以看到隐藏了属性，但是当我尝试它的属性时它不起作用

<mat-option 
  *ngFor="let item of itemlist" 
  [value]="item.Name" 
  [hidden]="true">
  <span>{{ item.Name }}</span>
</mat-option>

但上面并没有隐藏。

我能做什么来隐藏它，我需要根据情况隐藏一些选项

请指教。

谢谢

Answer 1

只需将 an[ngStyle]与您的条件一起使用，并将display属性设置为block或none相应地。

例如：

<mat-option 
  *ngFor="let item of itemlist; let i = index;" 
  [value]="item.Name" 
  [ngStyle]="{ display : i % 2 === 0 ? 'none' : 'block' }"
  <span>{{ item.Name }}</span>
</mat-option>

这是一个StackBlitz 示例供您参考。