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

Question

我有一张桌子，在上面重复一组对象。 在对象内，有一个嵌套对象，如下所示：

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

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

我想ng-hide "Sub_obj"为空的表行。 我该如何实现？ 我尝试了ng-hide=!Sub_obj ，但这不起作用。

Answer 1

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

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

视图

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

Answer 2

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

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