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
– Gabriel Valente

2018-07-05 11:13:16 +00:00
Commented Jul 5, 2018 at 11:13 — Gabriel Valente
– Gabriel Valente, Commented Jul 5, 2018 at 11:13
where is $ctrl.logs.data

Adesh Kumar
– Adesh Kumar

2018-07-05 11:14:06 +00:00
Commented Jul 5, 2018 at 11:14 — Adesh Kumar
– Adesh Kumar, Commented Jul 5, 2018 at 11:14

NTP · Accepted Answer · 2018-07-05 11:24:49Z

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 5, 2018 at 11:24

NTP

4,4483 gold badges18 silver badges25 bronze badges

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

3 Comments

Gabriel Valente Over a year ago

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 Over a year ago

Ok... I just did It... Thanks for the help :)

NTP Over a year ago

I am glad I was able to help.

Collectives™ on Stack Overflow

AngularJS get json field name

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related