Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – Angular.js ng-repeat:x次迭代后打开/关闭元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的ng-repeat正在进行

<div class="row-fluid">
  <div class="span4" ng-repeat="piece in clothes | filter:query">
    <img ng-src="{{piece.mainImage[0]}}" class="thumbImg" />
    <a href="#/json/{{piece.systemName}}">{{piece.name}}</a>
  </div>
</div>

重复3次后,我想停止重复,添加一个结束< div>并打开一个新的.row-fluid(开始一个新行),然后重新启动我离开的循环,每次第三次插入标签.

Angular的文档很难遍历,因此很难弄清楚如何做到这一点.

解决方法

ngRepeat将不断重新评估过滤器,因为它每次运行时都会得到不同的值.

这个可怕的代码似乎适用于一般情况.如果你有相同的阵列,事情会变得毛茸茸.我们需要能够比较数组的相等性,但这是一个难题.我采用了简单/脆弱的方式,只使用了stringify().无法让angular.equals()为我工作;我认为它可能只适用于浅物体.

app.filter('partition',function($cacheFactory) {
  var arrayCache = $cacheFactory('partition')
  return function(arr,size) {
    var parts = [],cachedParts,jsonArr = JSON.stringify(arr);
    for (var i=0; i < arr.length; i += size) {
        parts.push(arr.slice(i,i + size));        
    }
    cachedParts = arrayCache.get(jsonArr); 
    if (JSON.stringify(cachedParts) === JSON.stringify(parts)) {
      return cachedParts;
    }
    arrayCache.put(jsonArr,parts);

    return parts;
  }; 
});

大佬总结

以上是大佬教程为你收集整理的angularjs – Angular.js ng-repeat:x次迭代后打开/关闭元素全部内容,希望文章能够帮你解决angularjs – Angular.js ng-repeat:x次迭代后打开/关闭元素所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: