ng-repeat隐藏具有空对象的行

时间:2017-07-26 01:03:24

标签: javascript html angularjs angularjs-ng-repeat ng-hide

我有一个表格,我在重复一系列对象。在对象中,有一个嵌套对象,如下所示:

[
    {"Object1": 
         {"Sub_obj" : {}
         }
     },

    {"Object2": 
         {"Sub_obj" : 
               {"Name" : "Jane"}
         }
     }
]

我想ng-hide "Sub_obj"为空的表行。我怎样才能做到这一点?我尝试了ng-hide=!Sub_obj,但这不起作用。

2 个答案:

答案 0 :(得分:3)

创建一个简单的函数来检查对象中键的长度:

$scope.isEmptyObject(obj){
  return !angular.isObject(obj) || !Object.keys(obj).length
}

视图

ng-hide="isEmptyObject(item.Sub_obj)"

答案 1 :(得分:0)

ng-hide =“Sub_obj.Name == null;

OR ng-hide =“Sub_obj.Name ==”“