angularjs - 想要两行 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

您可以在行 div 下的 ng-repeat div 上使用 class col-sm-3。如果您使用的是引导程序。

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