Angularjs 想要两行6个单选按钮,每行3个
我有6个单选按钮。我想一条线上有3个,另一条线上有3个。我使用ng repeat从json检索单选按钮数据。我试着用ng if来表示偶数和奇数,但它不起作用,而且还使用了两个不同的div标签bt仍然无法获得。有人能帮我吗?这里有一个列表,也可以直接在代码中使用。事实上,这个列表可以有无线电值Angularjs 想要两行6个单选按钮,每行3个,angularjs,angularjs-ng-repeat,angularjs-ng-if,Angularjs,Angularjs Ng Repeat,Angularjs Ng If,我有6个单选按钮。我想一条线上有3个,另一条线上有3个。我使用ng repeat从json检索单选按钮数据。我试着用ng if来表示偶数和奇数,但它不起作用,而且还使用了两个不同的div标签bt仍然无法获得。有人能帮我吗?这里有一个列表,也可以直接在代码中使用。事实上,这个列表可以有无线电值 $scope.list = [0,1,2,3,4,5]; 以下是html代码: <div ng-init="list=[0,1,2,3,4,5];"> <div ng-rep
$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>
无线电{{Radio_id}
如果您使用的是引导,则可以在行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>
{{room.Name}
你能展示一下你所尝试的吗请添加你的标记你可以在你的控制器中将数据三三两两地分组,然后使用嵌套的ng-repeat。看看我的答案,我想这就是你想要的,对吗?