角度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设置你的宽度.
此外,如果您正在使用材料设计,他们建议使用fxFlex将其设计作为布局here下的pr文档 – 链接fxFlex

猜你在找的Angularjs相关文章