Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带有AngularJS和引导的动态多列复选框_Angularjs_Angular Ui Bootstrap - Fatal编程技术网

带有AngularJS和引导的动态多列复选框

带有AngularJS和引导的动态多列复选框,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,我需要能够在多列中显示复选框列表,但我还不能找出为什么要让它工作。我正在使用AngularJS和Bootstrap。这是我现在正在做的工作,但是复选框在一列中 <div class="row"> <label class="col-md-2">Tests Ordered:</label> <div class="col-md-2"> <label ng-repeat="test in tests">

我需要能够在多列中显示复选框列表,但我还不能找出为什么要让它工作。我正在使用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>

以下是让您开始的基本概念:

<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>
  • {{skill}}

对于任何想要了解更多信息的人,此片段取自此
<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>