角度2材料网格列表卡

问题描述：

我面临问题角度2材料网格列表卡。角度2材料网格列表卡

我想显示内部电网列表卡，但它不响应

Here is the code: 

<md-grid-list cols="4"> 
    <md-grid-tile *ngFor="let card of cards"> 
    <md-card> 
     <img md-card-image src="{{card.image}}"> 
     <md-card-content> 
     {{card.content}} 
     </md-card-content> 
    </md-card> 
    </md-grid-tile> 
</md-grid-list>

你忘了' flex'。请看看[这篇文章]（http://*.com/questions/31726180/trying-to-have-a-grid-of-card-with-angular-material）。 – flashjpr

谢谢@flashjpr。我正在尝试使用[ng2-flax-layout]（https://www.npmjs.com/package/ng2-flex-layout）＆但这里的问题仍然是代码-----

–

答

我没有信誉发表评论，所以我要把它写成一个答案 - 很抱歉。

当需要响应式视图时，您必须小心设置固定宽度。尝试从视图中移除宽度，看看会发生什么。最好用flex设置你的宽度。此外，如果你使用的材质设计，他们建议使用fxFlex与他们的设计PR文档下布局here - 链接到fxFlex

答

尝试修改此

<md-grid-list cols="4">

要

<md-grid-list cols="4" rowHeight="500px" gutterSize="10px">

角度2材料网格列表卡

相关推荐