Question

在我的新项目中，名为＆＃34;黄金贷款管理系统＆＃34;，我需要使用指定的GLID从装饰表中获取装饰品名称.GLID不是唯一的，所以我们可能有多行相同的GLID和装饰名称。ornament name with weight

现在我想在执行ng-if.I used＆＃34; {{ornamentdata.length}}＆＃34;之后计算装饰品的数量。在装饰品表中得到装饰品的总数。如何才能找到因ng-if而得到的装饰品总数？

的index.html

   <table class="table table-bordered table-hover">     
   <tr ng-repeat="ornament in ornamentdata" ng-if="ornament.GLID == cstmrdetails.GLID">
   <td>{{$index }}</td>
   <td>{{ornament.ORNAMENT}}</td>
   <td>{{ornament.WEIGHT}}gm</td> 
   </tr>
   </table >

Answer 1

如果 } 表达式允许将过滤结果分配给变量，则可以使用角度过滤器而不是ng。此变量可从当前范围访问，因此您可以使用它来计算其中的元素数。

ng-repeat

<强> DEMO

Answer 2

首先将类添加到ng-repeat raw，然后创建另一个raw并调用一个函数。从那里得到行的长度

 <table class="table table-bordered table-hover">     
       <tr ng-repeat="ornament in ornamentdata" ng-if="ornament.GLID == cstmrdetails.GLID" class="row-count">
       <td>{{$index }}</td>
       <td>{{ornament.ORNAMENT}}</td>
       <td>{{ornament.WEIGHT}}gm</td> 
       </tr>

       <tr  ng-init="getCount()">
       <td> count{{count }}</td> 
       </tr>
   </table >


       $scope.getCount = function(){

          $timeout(function(){
             $scope.count = document.getElementsByClassName('row-count').length;
          });

        }

Answer 3

制作名为filterWithCondition

的过滤器

在你的Html中

<table class="table table-bordered table-hover">     
   <tr ng-repeat="ornament in filteredData = (ornamentdata | filterWithCondition:'GLID':cstmrdetails.GLID)">
      <td>{{$index }}</td>
      <td>{{ornament.ORNAMENT}}</td>
      <td>{{ornament.WEIGHT}}gm</td> 
   </tr>
   Filtered Data Count is {{filteredData.length}}
 </table >

过滤器如下所示

app.filter('filterWithCondition', function() {

  return function(items, itemKey, compareWith) {

    var filtered = items.filter(function(item){
      return item.itemKey == compareWith
    })

    return filtered;

  }

});

plnkr demo Filter Demo

根据ng-if查找项目总数

3 个答案: