How to display key-value pairs from a JSON object using Angular

Question

I want to print JSON file in HTML page but I don't know the keys and the values my JSON Object.

When I know the form of JSON I use this code:

<div ng-repeat="f in faq">
  <div class="list-group-item clearfix">
    <h4>
      <span class="glyphicon glyphicon-file">
        </span>
          {{f.key}}-{{f.value}}
            <span class="pull-right">
              <button class="btn btn-warning" ng-click="">
                <span class="glyphicon glyphicon-trash">
          </span>
    </button>
    </span>
  </h4>
  </div>
 </div>  
</div>

But in this moment I don't know the keys and the values of the JSON.

Thanks for your help.

Are you using some sort of framework to render the {{ }} templates? — Soviut
– Soviut, Commented Aug 6, 2016 at 17:38

Harkirat Saluja · Accepted Answer · 2016-08-06 17:40:58Z

2

Looks like you are using angular(I noticed from ng-repeat). You can use (key,data) as follows:-

<div ng-repeat="(key, data) in faq">
  {{key}} - {{data}}
</div>

answered Aug 6, 2016 at 17:40

Harkirat Saluja

8,1145 gold badges53 silver badges74 bronze badges

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

2 Comments

Harkirat Saluja Over a year ago

can u please accept the answer if u feel its correct?

Sandeep540 Over a year ago

Any clue how ti use in Angular2 with ngFor

Collectives™ on Stack Overflow

How to display key-value pairs from a JSON object using Angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related