Angular ng-if计数div

时间:2017-04-24 13:31:00

标签: angularjs angular-ng-if

我有一些使用ng-show的过滤器,当所有其他人将其隐藏时,我需要显示div。

我创建了一个计算div的函数,它可以正常工作,但是当所有div都被隐藏时,div只会在下一次交互中显示,例如。

我有3个div,计划1,计划2和计划3 ...当我找到计划4所有div隐藏时,但只有我放了更多的一个角色ex:Plan 44 ...就是div出现了。< / p>

纳克重复

<div  ng-repeat="plan in plans | filter:palavra_chave" >
    <div  class="plano" ng-if="plan.value <= filter_value && plan.download_mb >= filter_mb && plan.fee <= filter_adesao">
 </div>

div我尝试演出

<div ng-if="div() == 0" class="card-panel center ">

计算div的角度函数

$scope.contar_div = function()
{
    return conta_planos();
}

这是计算div的功能

function conta_planos()
  {
      return $('.plano').length
  }

conta_planos是视图中的javascript函数

1 个答案:

答案 0 :(得分:1)

我解决了改变我过滤元素的方式

new ng-repeat

<div  ng-repeat="plan in plans |filter:palavra_chave |filter: search as lista " >

角度搜索功能

$scope.search = function(plan) {
    if ((plan.value <= $scope.filter_value && plan.download_mb >= $scope.filter_mb && plan.fee <= $scope.filter_adesao)){
        return true;
    }
    return false;
};

div显示

<div ng-if="lista.length == 0" class="card-panel center ">

感谢您的帮助..