角度2材料网格列表与卡

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

导读：我在卡片的角度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

我在卡片的角度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

（编辑：李大同）

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