这是我的md卡循环(除了第一个div
):
<div layout="column" layout-gt-sm="row" layout-wrap="">
<div flex="25" flex-gt-sm="50">
<md-card>
<md-card-header>
<md-card-avatar><img src="#" />
</md-card-avatar>
<md-card-header-text>
<span class="md-title">Angular</span>
<span class="md-subhead">Material</span>
</md-card-header-text>
</md-card-header>
<img ng-src="{{imagePath}}" alt="Washed Out" class="md-card-image" />
<md-card-title>
<md-card-title-text>
<span class="md-headline">Text</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<p>
Content
</p>
</md-card-content>
<md-button>Button</md-button>
</md-card>
</div>
<!-- another card -->
</div>
这工作正常,这是图片。但是,如果我不想严格在线上显示卡片怎么办?有没有办法得到类似的东西这?
这种布局需要你使用一些javascript来添加到视图逻辑中。由于您的每张卡片都使用行,因此目前无法执行该样式。我会退房 http://masonry.desandro.com/