angular hide if object property is another object

Question

In my ngController I loop over an objects propertys which can be a value or an object. My object

   _{
    "_id":"12545",
    "createdBy":{"_id":"someid","name":"somename"},
    "createdOn":"2016-05-13T14:34:47.322Z",
    "item":{"id":"1235561","name":"track"},
    "players":[{"_id":"someid","name":"somename"}],
    "maxPlayers":4,
    "minPlayers":1,
     "state":"open"}

To loop the propertys I use

<div ng-repeat="(key, value) in game">
   <b>{{key}}</b> - {{value}}
 </div>

Now I just want to show the property which are values and not objects. so I want to show _id, _createdOn, maxPlayers, minPlayers, state but not createdBy, item, players.

How can I do a check to see if it is an object and then hide it, I tried:

<div ng-repeat="(key, value) in game" ng-hide="isObject(value)">
    <b>{{key}}</b> - {{value}}
</div>

--

<div ng-repeat="(key, value) in game" ng-hide="{{isObject(value)}}">
    <b>{{key}}</b> - {{value}}
</div>

also tried:

 value.isObject();

But it didn't work.

jyo · Accepted Answer · 2016-05-25 19:33:32Z

3

Try using this:

$scope.isObject = function(obj) {
    return (typeof obj === 'object');
  };

Example:https://jsfiddle.net/ofL9zvuL/1/

edited May 25, 2016 at 19:33

answered May 25, 2016 at 16:38

jyo

909 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sebenalern Over a year ago

How is this not an answer?

jyo Over a year ago

That is the answer, not sure what else I have to add. Since Sven used a function name called isObject, I had defined the same function with the solution. I guess there should not be any confusion or require more details to it.

seminull · Accepted Answer · 2016-05-25 17:40:17Z

0

You can always move the ng-hide off of the ng-repeated element:

<div ng-repeat="(key, value) in data">
  <div ng-hide='isObject(value)'>
    <b>{{key}}</b> - {{value}}
  </div>
</div>

$scope.isObject = function(value) {
    if (typeof value === 'object') {
       return true;
    }

    return false;
};

answered May 25, 2016 at 17:40

seminull

1215 bronze badges

Comments

mlhuff12 · Accepted Answer · 2016-05-25 18:15:19Z

0

I have a working solution here. I am using ng-show instead. And it is working when on the ng-repeat div.

Fiddle

  <div ng-repeat="(key, value) in game" ng-show="isObject(value)">
      <b>{{key}}</b> - {{value}}
  </div>

  $scope.game = {
"_id": "12545",
"createdBy": {
  "_id": "someid",
  "name": "somename"
},
"createdOn": "2016-05-13T14:34:47.322Z",
"item": {
  "id": "1235561",
  "name": "track"
},
"players": [{
  "_id": "someid",
  "name": "somename"
}],
"maxPlayers": 4,
"minPlayers": 1,
"state": "open"
};



$scope.isObject = function(value) {
    return typeof value == 'object';
  };

answered May 25, 2016 at 18:15

mlhuff12

608 bronze badges

Collectives™ on Stack Overflow

angular hide if object property is another object

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related