想要在两行中有6个单击，每行3个按钮

Question

我有6个无线电按钮。我想要一条线3，另一行3。我正在使用NG重复从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

您可以在Row Div下使用NG-Repeat Div上的类Col-SM-3。如果您正在使用bootstrap。

<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>