AngularJS get json field name

Question

I started learning AngularJS a few days ago, and I wonder how do I get the name of a field in a JSON file.

{contador: "1159273", Code: "TCP_MISS/200", $$hashKey: "object:12"}

Thats one line of the json file, and I want to get the "contador" and "Code". My objective is to do a table with that on top.

Here is my HTML code:

<table class="table">
    <tr >
      <td ng-repeat="(key, name) in $ctrl.logs.data">{{key}}</td>
    </tr>
    <tr ng-repeat="linha in $ctrl.logs.data">
      <td>{{ linha.contador }}</td>
      <td>{{ linha.Code }}</td>
    </tr>
  </table>

The "key" returns 0 1 2 ... and I want to get "contador" and "Code".

But is it impossible to get the names? – Gabriel Valente Jul 05 '18 at 11:13 — Gabriel Valente, Jul 05 '18 at 11:13
where is $ctrl.logs.data – Adesh Kumar Jul 05 '18 at 11:14 — Adesh Kumar, Jul 05 '18 at 11:14

score 1 · Accepted Answer · answered Jul 05 '18 at 11:24

1

It is because your data is an array change this line

 <td ng-repeat="(key, name) in $ctrl.logs.data">{{key}}</td>

with the following

<td ng-repeat="(key, name) in $ctrl.logs.data[0]">{{key}}</td>

Demo

answered Jul 05 '18 at 11:24

NTP

4,338
3
16
24

it's possible to make it even more "automated"? Because I have other route that the JSON has other names, and I want to use the same page. `{{ linha.Code }}` is for this JSON, but I have other one that is `{{ linha.Method }}`. – Gabriel Valente Jul 05 '18 at 13:24
Ok... I just did It... Thanks for the help :) – Gabriel Valente Jul 05 '18 at 13:28
I am glad I was able to help. – NTP Jul 05 '18 at 13:29

AngularJS get json field name

1 Answers1