在两列中拆分对象属性

时间:2016-09-30 18:00:34

标签: angularjs angular-material

我想在两列中拆分对象属性,当我使用bootstrap时,我能够使用clearfix类这样做:

<div class="clearfix" ng-if="$index % 12 == 0"></div>

但现在我正在使用棱角分明的材料,我想知道它是怎么做的。以下小提琴进行测试和更好的解释:

https://jsfiddle.net/twizzlers/234nLone/1/

<div layout="column">
  <span ng-repeat="(key,value) in obj">
    {{key}} : {{value}}
  </span>
</div>

感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

以下将做你想做的事情

<div layout="row" layout-wrap>
  <span flex=50 ng-repeat="(key,value) in obj">
    {{key}} : {{value}}
  </span>
</div>

始终向flex的孩子添加layout。习惯布局规则/配置需要一些时间

DEMO