Css 如何使用angular js对容器中的复选框进行分组

我真的不知道如何在angular js中对复选框进行分组，该复选框提供的外观如本文所附的参考图像所示。 我只能显示复选框列表，但不能如下所示

---

谢谢

如果您使用ng repeat生成它们，您可以尝试使用ng class odd为您的复选框显示不同的样式。您应该研究CSS，但我尝试了以下示例：

var-app=angular.module'myApp'，[]； 应用程序控制器'myCtrl'，函数$scope{ $scope.checkbox=[ {name:Dehi，value:false}， {名称：加尔各答，值：false}， {name:Munbai，value:false}， {name:Pune，value:false}， {名称：钦奈，值：false}， {名称：Kochi，值：false} ]; }; .栏目{ 浮动：左； 宽度：50%； } .行{ 宽度：200px； 背景色：DDD； } {{x.name}

---

用div把它们包起来，然后给它一个边框？在我看来，与角度无关。给复选框一个宽度：48%，然后给它们浮动：左；。与angularjs无关