AngularJS

Question

我有一些产品使用 ng-repeat 显示并分页。我想要一个可以帮助我使用 ng-if 的人 - 告诉我 ng-repeat 何时完成或分页结束时没有更多产品。这就像一个狂欢的上一个下一个（在一个页面中，将有四个产品

  <span ng-if='curPage >= category.data.length'>
                            <center><p class="no-products"> There are no more products to show </p> </center>
                        </span>

<div class = "col col-25" ng-repeat="product in category.data| pagination: curPage * pageSize | limitTo: pageSize">               
                        <a href="#/tab/details?product_id={{product.id}}"><img class="full-image" src="{{product.link}}">
                        </a>
                        <center>  <p class="productnamei">
                                <strong> {{product.name}}</strong> </p>                       


                        <a ng-href="#/tab/details?product_id={{product.id}}" class="button button-small button-calm">
                            Buy Now
                        </a>


                    </div>

Answer 1

你可以用 $last 检查它（$last boolean true 如果重复的元素在迭代器中是最后一个。）

例子

<body  ng-app="app">
  <div ng-repeat ="item in [1,2,3]" tooltip>
   <span data-toggle="tooltip" ng-bind="item"></span>
   <div ng-if="$last">Completed</div>
 </div>
</body>

AngularJS - ng-repeat，当它结束时，应该有一条消息说 'no more products'

AngularJS - ng-repeat, when it ends, there should be a message saying 'no more products'

pagination

ng-repeat

angular-ng-if