La création de la Grille de Cartes de manière dynamique à l'aide Angulaire des Matériaux 2

Salut, je suis nouveau sur Angulaire du Matériel et je veux créer une grille de cartes de la forme r lignes c colonnes (r X c) de façon dynamique. e.g Si j'ai 5 utilisateurs, alors il devrait créer r=3 et c=2 comme suit.

user1 user2
user3 user4
user5

Je l'ai réalisé comme suit:

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

Est-ce la bonne approche? Parce que quand j'essaie de redimensionner les fenêtres, il va se chevauchent avec carte et de la cellule de la grille. J'ai vérifié sur internet mais n'ai pas trouvé propre approche pure angulaire. Merci de me guider pour atteindre le même avec la meilleure approche que ci-dessus.

pouvez-vous partager plunker ?

OriginalL'auteur Sarang Shinde | 2017-07-09