使用AngularJS和Bootstrap的动态多列复选框

Question

我需要能够在多列中显示复选框列表，并且无法找出使其工作的原因。我正在使用AngularJS和Bootstrap。这就是我现在正在工作的，但复选框在一列中。

<div class="row">
    <label class="col-md-2">Tests Ordered:</label>
    <div class="col-md-2">
        <label ng-repeat="test in tests">
            <input type="checkbox" checklist-model="user.tests" checklist-value="test">&nbsp;{{test.name}}
        </label>
    </div>
</div>

在我的控制器中，这是复选框名称 -

$scope.tests = [{ name: "CardioIDgenetix 901", id: 0 }, { name: "NeuroIDgenetix 902", id: 1 }, { name: "Thrombophilia 403", id: 3 }];

Answer 1

这是让你前进的基本概念：

<ul ng-repeat="column in columns" class="small-12 medium-4 columns">
  <li ng-repeat="skill in skills | slice:column.start:column.end">
    {{ skill }}
  </li>
</ul>