【问题标题】:How to hide a grid tile in a grid list in angular material design?如何在角度材料设计的网格列表中隐藏网格图块?
【发布时间】:2015-05-08 11:13:05
【问题描述】:

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

谁能告诉我如何在网格列表中隐藏图块。如果我明确地将“显示”属性设置为无,则该空间将保持空白,但不会被其他图块占用。

这是我的网格列表

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

【问题讨论】:

    标签: angularjs material-design angular-material


    【解决方案1】:

    您不能在不留空白的情况下隐藏磁贴。这是因为瓦片的位置是在加载网格时确定的。正确的做法是移除 tile 并重新渲染网格。

    【讨论】:

    • 我想你是想说瓷砖。
    • 这听起来不错,但是如何重新渲染网格? (我也是 Angular Material 和 AngularJS 的新手)。
    • @MichalMoravcik 你应该开始一个新问题,因为这需要很多时间来分解它。
    • @MichalMoravcik,你找到如何重新渲染瓷砖的答案了吗?
    • @SajibAcharya,不,我没有。我正在使用 UI Bootstrap 和自定义 Bootswatch Paper 主题而不是 Angular Material。也许我以后会再来这个。
    猜你喜欢
    • 2019-02-17
    • 2016-01-25
    • 1970-01-01
    • 1970-01-01
    • 2015-12-25
    • 1970-01-01
    • 2018-08-20
    • 2015-11-27
    • 2019-03-10
    相关资源
    最近更新 更多