我是材料设计的新手。我正在使用角度材料设计实现网格列表。但突然间我需要隐藏一块瓷砖。
任何人都可以告诉如何隐藏网格列表中的图块。如果我明确设置"显示"如果属性为none,则该空间仍为空白,但未被其他区块占用。
这是我的网格列表
<md-grid-list
md-cols-sm="1" md-cols-md="1" md-cols-gt-md="3"
md-row-height-sm="2:1" md-row-height-md="2:1" md-row-height-gt-md="1:1"
md-gutter="12px" md-gutter-gt-sm="8px" >
<md-grid-tile md-colspan-gt-md="2">
<md-whiteframe class="md-whiteframe-z2 slider" layout layout-align="center center">
<ul rn-carousel class="image" rn-carousel-auto-slide>
<li><img src="images/american-cuisine.jpg" alt="" width="100%" height="100%"/></li>
<li><img src="images/indian-cuisine.jpg" alt="" width="100%" height="100%"/></li>
<li><img src="images/italian-cuisine.jpg" alt="" width="100%" height="100%"/></li>
<li><img src="images/japanese-cuisine.jpg" alt="" width="100%" height="100%"/></li>
</ul>
</md-whiteframe>
</md-grid-tile>
<md-grid-tile>
<md-whiteframe class="md-whiteframe-z2 login" layout layout-align="center center">
<span>.md-whiteframe-z1</span>
</md-whiteframe>
</md-grid-tile>
</md-grid-list>
答案 0 :(得分:2)
您不能在不留空格的情况下隐藏图块。这是因为在加载网格时确定了tile的位置。正确的方法是删除图块并重新渲染网格。