角度2材料網格列表卡

我面臨問題角度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>

來源

2017-02-17 e kanojia

你忘了' flex'。請看看[這篇文章]（http://stackoverflow.com/questions/31726180/trying-to-have-a-grid-of-card-with-angular-material）。 – flashjpr

謝謝@flashjpr。我正在嘗試使用[ng2-flax-layout]（https://www.npmjs.com/package/ng2-flex-layout）＆但這裏的問題仍然是代碼-----

–

我沒有信譽發表評論，所以我要把它寫成一個答案 - 很抱歉。

當需要響應式視圖時，您必須小心設置固定寬度。嘗試從視圖中移除寬度，看看會發生什麼。最好用flex設置你的寬度。此外，如果你使用的材質設計，他們建議使用fxFlex與他們的設計PR文檔下佈局here - 鏈接到fxFlex

來源

2017-04-19 08:43:47 ChrisEenberg

嘗試修改此

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

要

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

來源

2017-10-01 10:19:04

角度2材料網格列表卡

回答

相關問題