#angularjs #angular-material
#angularjs #angular-материал
Вопрос:
Я хочу разделить свойства объекта на два столбца, когда я использовал 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>
Ценю любую помощь.
Ответ №1:
следующее будет делать то, что вы хотите
<div layout="row" layout-wrap>
<span flex=50 ng-repeat="(key,value) in obj">
{{key}} : {{value}}
</span>
</div>
Всегда добавляйте flex
к дочерним элементам layout
. Привыкание к правилам компоновки / конфигурации занимает немного времени
Комментарии:
1. Спасибо, добрый сэр, это сработало отлично. Да, изменен с bootstrap cols на angular material layouts и flex, привыкаю к этому =)