如何在ng-repeat limitTo语法中操作

时间:2015-06-25 20:08:49

标签: javascript angularjs angularjs-ng-repeat angularjs-limitto

我是新手使用AngularJS 1.4.x。

{{ limitTo_expression | limitTo : limit : begin}}

ng-repeat ='项目中的项目| limitTo:10:{head.value} * 10'

我希望可以在limitTo语法中使用operatione,如何让它工作正常???

这是我的希望enter image description here

<div ng-repeat='head in heads' class='row'>
    <div class='colhead'></div>
    <div ng-repeat='item in items |limitTo:10:{head.value}* 10' class='colNumber'>
        <div ng-if='items.indexOf(item) == 0' id='ck-button'>
            <label>
                <input id={{item.value}} type='checkbox' value={{item.value}} ng-model='item.select' ng-click='toggleAll(item)'> <span> {{item.value}} </span>
            </label>
        </div>
        <div ng-if='items.indexOf(item) !=0' id='ck-button'>
            <label>
                <input id={{item.value}} type='checkbox' value={{item.value}} ng-model='item.select' ng-click='toggle(item.value, selected)'> <span> {{item.value}} </span>
            </label>
        </div>
    </div>
</div>

这是我的代码 http://plnkr.co/edit/F3A1Ht?p=info

1 个答案:

答案 0 :(得分:1)

您可以使用begin值传递限制head.value*10而不使用{}花括号。

<强>标记

<div ng-repeat='item in items |limitTo:10:head.value*10' class='colNumber'>

Demo Plunkr