2つのラジオボタンを各行に3つずつ追加するには

Question

6つのラジオボタンがあります。私は3行を1行にし、他の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・リピートの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>