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">&nbsp;{{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

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Magento/PHP - Get phones on all members in a customer group -

session - Logging Out Using PHP -