angularjs - 将对象属性拆分为两列

Question

我想将对象属性分成两列，当我使用 bootstrap 时，我可以使用clearfix 类来做到这一点，如下所示:

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

但现在我正在使用有 Angular 的 Material ，我想知道如何做到这一点。下面的 fiddle 用于测试和更好的解释:

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

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

感谢任何帮助。

Answer 1

下面将做你想做的事情

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

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

DEMO