Хочу 6 переключателей в две строки с 3 в каждой строке

Question

У меня 6 радио кнопок. Я хочу 3 на одной строке и 3 других на другой. Я использую ng-repeat для получения данных переключателя из json. Я попытался положить ng-if для размещения его на четные и нечетные, но он не работает, а также использовал два разных тега div, но до сих пор не получил. Кто-нибудь может мне с этим помочь

Answer 1

Вот список, который можно использовать также непосредственно в коде. На самом деле этот список может иметь значения радио.

 $scope.list = [0,1,2,3,4,5]; 

вот HTML-код:

<div ng-init="list=[0,1,2,3,4,5];">
    <div ng-repeat="radio_id in list" ng-if="$index % 3 == 0" class="row">
          <div class="col-xs-4" ng-repeat="radio_id in list.slice($index, ($index+3 > list.length ? list.length : $index+3))">
             Radio {{radio_id}}  <input type="radio" name="radio_id" value="radio_id">
          </div>
      </div>
</div>

Answer 2

Вы можете использовать класс col-sm-3 для ng-repeat div в строке div. Если вы используете загрузчик.

<div class="row">
                    <div class="col-sm-12">                                                                                   
                        <div ng-repeat="a in list" name="chk" class="col-sm-3">
                            <md-checkbox ng-model="modelName">
                                <span> {{ room.Name }}</span>
                            </md-checkbox>
                        </div>                             
                    </div>
                </div>