2017-02-17 7 views
3

カードで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> 
+0

するために、この

<md-grid-list cols="4"> 

を変更してみてくださいあなたは '忘れてしまいましたフレックス。 [この投稿](http://stackoverflow.com/questions/31726180/trying-to-have-a-grid-of-card-with-angular-material)もご覧ください。ありがとう@flashjpr。 – flashjpr

+0

私は[ng2-flax-layout](https://www.npmjs.com/package/ng2-flex-layout)を使用しようとしていますが、ここでもコードと同じ問題があります-----

答えて

1

応答しない - そのことについて申し訳ありませんが。

レスポンスビューを表示するには、固定幅を設定するように注意する必要があります。ビューの幅を外してみて、何が起こるかを見てください。あなたの幅はフレックスで設定するのが好ましい。あなたは材料設計を使用している場合 はまた、彼らはレイアウトhere下のPRのドキュメントとしてのデザインでfxFlexを使用することをお勧め - fxFlex

0

へのリンク

<md-grid-list cols="4" rowHeight="500px" gutterSize="10px">