想要6個單選按鈕，每行有3行

Question

我有6個單選按鈕。我想在一條線上3，在另一條線上3。我正在使用ng-repeat從json中檢索單選按鈕數據。我試圖把ng-if放在偶數和奇數中，但它不能正常工作，並且還使用了兩個不同的div標籤bt，但仍然沒有得到。任何人都可以幫我這個

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。如果你正在使用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>