【问题标题】:How operation in ng-repeat limitTo syntaxng-repeat limitTo 语法如何操作
【发布时间】:2015-06-26 04:43:38
【问题描述】:

我是使用 AngularJS 1.4.x 的新手。

{{ limitTo_expression | limitTo : limit : begin}}

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

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

这是我的希望

<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

【问题讨论】:

  • 我不知道你想做什么。 limitTo 的第二个参数应该是数组中的索引。你想达到什么目标?
  • @duke 查看我的更新答案..这将为您提供答案,正是您想要的
  • 太好了~~~~~~~ 非常感谢~~~~~~~~~~

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


【解决方案1】:

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

标记

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

Demo Plunkr

【讨论】:

  • @Duke 查看更新的代码..为您提供所需的解决方案..?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-18
相关资源
最近更新 更多