相关疑难解决方法(0)

使用Angular Material 2动态创建网格

您好我是新来的角料,我想创建形式的卡格rc列的(r X c)动态.例如,如果我有5个用户,那么它应该创建r=3c=2如下.

user1 user2
user3 user4
user5
Run Code Online (Sandbox Code Playgroud)

我实现了如下:

<md-grid-list cols="2" rowHeight="200px" gutterSize="10px">
  <md-grid-tile  class="divcls" *ngFor="let user1 of users">

     <md-card  fxLayoutWrap="wrap" fxLayout="column" fxFlex="90%" fxLayoutGap="16px">
      <md-card-title>User : {{user1.name}}</md-card-title>
      <md-card-content>{{user1.details}}</md-card-content>
       <md-card-actions>
    <button md-button>LIKE</button>
    <button md-button>SHARE</button>
  </md-card-actions>
      </md-card> 

  </md-grid-tile>
</md-grid-list>
Run Code Online (Sandbox Code Playgroud)

这是正确的方法吗?因为当我尝试调整窗口大小时,它将与卡和网格单元重叠.我在网上查了一下,但没有找到任何干净的方法与纯角材料方式.请指导我以更好的方法实现相同的目标.

angular-material2 angular

14
推荐指数
2
解决办法
2万
查看次数

标签 统计

angular ×1

angular-material2 ×1