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

Question

我是新手AngularJS 1.4.x .

{{ limitTo_expression | limitTo : limit : begin}}

ng-重复='item in items | limitTo:10:{head.value}* 10'

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

这是我的希望

<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

Answer 1

您可以使用不带 {} 大括号的 head.value*10 值传递 limitTo 的 begin。

标记

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

Demo Plunkr

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

How operation in ng-repeat limitTo syntax

javascript

angularjs

angularjs-ng-repeat

angularjs-limitto