我的目标是做这样的事情(例如“卡片动作按钮”)https://material.angularjs.org/latest/demo/card但动态。如何动态放置卡片并填充空白空间?
<div class="md-padding" layout="row" layout-xs="column" layout-wrap>
<div flex-gt-xs="50" flex-sm="100" class="blue" ng-repeat="match in matches.matchesList">
<md-card md-whiteframe="8">
<md-card-header>
<md-card-avatar>
<md-icon class="md-avatar-icon" ></md-icon>
</md-card-avatar>
<md-card-header-text>
<span class="md-title">Title</span>
<span class="md-subhead">subhead</span>
</md-card-header-text>
</md-card-header>
<md-card-content>
<!-- Directive to show the score board -->
<p>
The titles of Washed Out's breakthrough song and the first single from Paracosm share the
two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
</p>
</md-card-content>
</md-card>
</div>
</div>
这里是代码,但我不知道如何投入到工作中,如果有人知道的请告诉我http://codepen.io/TiagoSousa/pen/aNjWqd
的codepen的代码是不同的,并建立在每个人的工作,因为我在堆栈上插入的代码有指令和其他东西你不能做
我在这里回答了类似的问题:http://stackoverflow.com/questions/36587784/angular-material-md-card-dynamic-height/36613500#36613500 –
@AnttiVäyrynen我已经看到,但你有什么是这一列是我找到的唯一解决方案,但我不想在列中做,我想知道是否有其他方式不改变数据,因为对我而言,它们出现的顺序非常重要。 –
问题是你在行容器中不能有两个不同高度的孩子。该容器总是根据最高的儿童的身高生长,最终将第二排的所有东西向下推。这是你的照片中发生的事情。 –