Блог

Я хочу разделить свойства объекта на два столбца, когда я использовал bootstrap, я смог сделать это с помощью класса clearfix следующим образом:

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

Но теперь я использую angular material и хочу знать, как это сделать. Ниже скрипка для тестирования и лучшего объяснения:

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

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

Ценю любую помощь.

следующее будет делать то, что вы хотите

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

Всегда добавляйте flex к дочерним элементам layout . Привыкание к правилам компоновки / конфигурации занимает немного времени

DEMO