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

Question

我有一个 table，我在其中重复一组对象。在对象中，有一个嵌套对象，像这样：

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

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

我想 ng-hide table 行，其中 "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-隐藏=Sub_obj.Name == 空;

或 ng-hide="Sub_obj.Name == ""

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

ng-repeat hide rows with empty object

html

javascript

angularjs

angularjs-ng-repeat

ng-hide