ng-repeat hide rows with empty object

Question

I have a table where I am repeating over an array of objects. Within the object, there is a nested object, like so:

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

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

I want to ng-hide the table row where "Sub_obj" is empty. How can I achieve this? I tried ng-hide=!Sub_obj, but that doesn't work.

Could you please provide the code where you create the table? — Kavindra, Jul 26 '17 at 01:09

score 3 · Accepted Answer · answered Jul 26 '17 at 01:10

3

Make a simple function that checks the length of the keys in object:

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

view

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

answered Jul 26 '17 at 01:10

charlietfl

170,828
13
121
150

score 0 · Answer 2 · answered Aug 03 '17 at 09:09

0

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

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

answered Aug 03 '17 at 09:09

rangholiya nikunj

135
1
11

ng-repeat hide rows with empty object

2 Answers2