angularjs – 如何在角度材料设计中隐藏网格列表中的网格图块？

发布时间：2020-12-17 07:13:43 所属栏目：安全来源：网络整理

导读：我是材料设计的新手.我正在使用角度材料设计实现网格列表.但突然间我需要隐藏一块瓷砖. 任何人都可以告诉如何隐藏网格列表中的图块.如果我明确地将“display”属性设置为none,则该空间保持空白但不被其他tile占用. 这是我的网格列表 md-grid-list md-cols-sm

我是材料设计的新手.我正在使用角度材料设计实现网格列表.但突然间我需要隐藏一块瓷砖.

任何人都可以告诉如何隐藏网格列表中的图块.如果我明确地将“display”属性设置为none,则该空间保持空白但不被其他tile占用.

这是我的网格列表

<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>

解决方法

您不能在不留空格的情况下隐藏图块.这是因为在加载网格时确定了tile的位置.正确的方法是删除磁贴并重新渲染网格.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!