Dynamic multi-column checkboxes with AngularJS and Bootstrap -
i need ability display list of checkboxes in multiply columns , have not been able figure out why make work. using angularjs , bootstrap. have working right checkboxes in 1 column.
<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"> {{test.name}} </label> </div> </div> in controller checkbox names -
$scope.tests = [{ name: "cardioidgenetix 901", id: 0 }, { name: "neuroidgenetix 902", id: 1 }, { name: "thrombophilia 403", id: 3 }];
here basic concept going:
<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>
Comments
Post a Comment