How can I check if value is object in Angular template?

Question

I have this template where I am displaying data in tables:

<tr ng-repeat="obj in tsc.tabEntries" ng-class-odd="'odd'" ng-class-even="'even'">
  <td ng-repeat="field in tsc.entryFields">{{ obj[field]}}</td>
</tr>

I want to check that obj[field] is an object. If it is, I want to display the name property of that object, otherwise the value of obj[field].

How can I do that in template?

This may help you http://stackoverflow.com/questions/4775722/check-if-object-is-array — Anand G, May 18 '15 at 06:35

score 3 · Accepted Answer · answered May 18 '15 at 06:36

3

Try

<td ng-repeat="field in tsc.entryFields">{{ obj[field].name || obj[field] }}</td>

Demo: Fiddle

answered May 18 '15 at 06:36

Arun P Johny

384,651
66
527
531

score 0 · Answer 2 · answered May 18 '15 at 06:34

You can try ng-show for this type of logic in template

  <tr ng-repeat="obj in tsc.tabEntries" ng-class-odd="'odd'" ng-class-even="'even'">
    <span ng-show="obj.field.name">{{obj.field.name}}</span>
    <td ng-repeat="field in tsc.entryFields">{{ obj[field]}}</td>
</tr>

How can I check if value is object in Angular template?

2 Answers2