Angulaire Matériau: faire un tapis de carte à remplir un ensemble de mat-grille-tuile

Je veux utiliser mat-grid-list pour créer une liste de grille de mise en page dans laquelle chaque mat-grid-tile contient un mat-card qui remplit l'intégralité de la vignette quel que soit le contenu de la carte. La plupart des cartes de besoin d'occuper plusieurs lignes et/ou colonnes. Jusqu'à présent, je n'ai pas été capable de le faire fonctionner.

Choses que j'ai essayé:

  • Réglage de chaque carte CSS width et height à 100% à l'aide du sélecteur mat-card. Cela provoque chaque carte de remplir la totalité de l'écran plutôt que de simplement le mat-grid-tile qui contient la carte.
  • Réglage de chaque carte CSS width et height à 100% à l'aide du sélecteur mat-grid-tile > mat-card. Cela a le même effet que de ne pas avoir un sélecteur à tous, comme les cartes de rester centré à l'intérieur de leur grille de tuiles enroulé à la taille de leurs contenus respectifs.
  • Suivant le code de la cette question. Le problème est que les propriétés flex, layout-wrap, et layout-fill ne sont pas disponible pour moi, probablement parce que l'exemple de code utilise Angulaire 2 au lieu de 4.

Edit: Il semble que j'ai mal compris les résultats de la première tentative énumérés ci-dessus. Les cartes de remplir simplement la mat-grid-tiles, mais leurs ombres entourant coupé par les carreaux ont des limites.

InformationsquelleAutor GreatHam | 2017-11-05