6つのラジオボタンがあります。私は3行を1行にし、他の3行を別の行に入れたい。私はjsonからラジオボタンのデータを取得するためにng-repeatを使用しています。私は偶数と奇数のためにそれを配置するためにng-ifを入れてみましたが、動作していませんでした。また、まだ取得していない2つの異なるdivタグを使用しました。誰もがこれで私を助けることができます2つのラジオボタンを各行に3つずつ追加するには
-2
A
答えて
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>
0
あなたが行の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>
関連する問題
- 1. iPhoneグループ化テーブルビュー各行に2つのラジオボタンを追加
- 2. 3行目に2つのデータローを追加する
- 3. plistに3つの値を動的に追加し、さらに1つずつ追加すると1つずつ上書きされます
- 4. 1つの行を2つに分割するか、1つの行に2つのエンティティを追加する
- 5. 各番号を3つずつ追加して10個の数字を印刷する方法は?
- 6. 2つのハイストックペインのいずれかにプロットラインを追加する
- 7. 1つずつ追加する方法
- 8. 2つのファイルを1行ずつ追加したいですか?
- 9. 1つのラジオボタンに複数行のテキストを追加するには
- 10. jqueryを使用して各JSONオブジェクトを1つずつ追加する方法
- 11. JavaFXを重複させずに2つのラジオボタンを1つの列に配置
- 12. パッカー追加メソッドは3つの項目を追加します。 1つのアイテムを追加するには?
- 13. ggplot2:散布図の各ポイントに2つのエラーバーを追加
- 14. 2つのデータベース行の後に改行を追加するPHP
- 15. 動的に2つのビューを1つ下に追加する
- 16. Zend Frameworkで2つのラジオボタンを1つのIDに追加する方法はありますか?
- 17. ViewBagにパラメータ値を1つずつ追加するmvc c#razor
- 18. JQuery 3つの入力ボックスに2つの入力ボックスの値を追加
- 19. 1つの広場に3つのスペースを追加します。
- 20. つぶやきをひとつずつ追加するJquery
- 21. 1つのページに2つのブートストラップモーダルを追加する
- 22. 各方向に1つずつ、カスタムセグを2つ作成するにはどうすればよいですか?
- 23. pickerViewで各行に2つのラベル
- 24. dataTableの各行にラジオボタンを追加する方法
- 25. 2つの変数の間に改行を追加する
- 26. GWT:フローパネルにCellListメンバーを1つずつ追加します
- 27. チェックボックスの入力テキストに1つずつ追加します
- 28. 各行の値をPHP codeigniterで1つ1つずつ印刷する方法
- 29. PrestaShopで2つのパラメータを持つページにfreindly URLを追加するには?
- 30. 2つのFirebaseListAdapterを1つのRecylerviewに追加しますか?
uがuはあなたがグループのデータを、あなたのコントローラ内の3による3は、ネストされたNG・リピートを使用することができ、あなたのマークアップ –
を試してみましたが、何を示してくださいすることができます。 – Geeky
を追加してください –