我如何获得ng-repeat中的项目总数

N3kO_206

我正在尝试获取每次迭代中的项目总数。我的代码是这样

    <ul class="phones">
       <li ng-repeat="phone in phones | filter:query | orderBy:orderProp"  
        ng-init="index()"     class="thumbnail">
         <a href="#/phones/{{phone.id}}" class="thumb">
           <img ng-src="{{phone.imageUrl}}">
         </a>
          <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
         <p>{{phone.snippet}}</p>
       </li>
    </ul>
    <div>
   {{ total }}
</div>

控制器

phonecatApp.controller('PhoneListCtrl', function($scope, $http)
{
$scope.total =0;
$scope.index =function()
{
    $scope.total ++;
}
}
西拉杰

动态是指应用过滤器后当前显示的电话总数。

<ul class="phones">
   <li ng-repeat="phone in filtered = (phones | filter:query | orderBy:orderProp)"  
    ng-init="index()"     class="thumbnail">
     <a href="#/phones/{{phone.id}}" class="thumb">
       <img ng-src="{{phone.imageUrl}}">
     </a>
      <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
     <p>{{phone.snippet}}</p>
   </li>
</ul>
<div>
{{ filtered.length }}
</div>

为了使数据更具意义(奖金提示:))

<div ng-show="query">
  <ng-pluralize count="filtered.length" when="{'0': ' No search result ', 'one': ' 1 search result ', 'other': ' {} search results '}"></ng-pluralize> for {{query}}
 </div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章