angularjs - 各行に3つずつ、2行に6つのラジオボタンが必要です

Question

私は6つのラジオボタンを持っています。ある行に 3 つ、別の行に他の 3 つが必要です。JSONからラジオボタンデータを取得するためにng-repeatを使用しています。偶数と奇数に配置するために ng-if を配置しようとしましたが、機能せず、まだ取得されていない 2 つの異なる 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 でクラス 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>