Angular7 无法隐藏角度材质的flex布局行

我无法在angular material 7中的angular flex布局中隐藏div行。 请找到我下面的代码

<div fxLayout="column" class="dashboard-fx">
  <div fxLayout="row" fxLayoutAlign="start start" fxLayoutGap="5px" 
  class="dashboard-pie">
  some code here 
  </div>
    <div fxLayout="row" fxLayoutAlign="start start" fxLayoutGap="5px" 
  [ngStyle]="{display: (subsectionData.length == 0) ? 'none' : 'block'}">
  some code here
  </div>
    <div fxLayout="row" class="list-section" fxLayoutAlign="start start" 
  fxLayoutGap="5px" [ngStyle]="{display: (vsectionData.length == 0)? 'none':'block'}">
  some code here
  </div>
</div>

这里有一些代码
这里有一些代码
这里有一些代码

---

在我的情况下，不建议使用*ngIf，因为如果我使用ngIf元素，将从

fxShow

或

fxHide

中删除它

这里有一些代码
这里有一些代码
这里有一些代码

我试图实现fxshow/fxhide，但它不起作用。@Santhosh如果你能发送一个沙盒应用程序（）就好了