Not able to fetch key and value from nested JSON data in IONIC

Question

I face a problem now that I am not able to fetch key and value from nested JSON data.Please help me I am doing any wrong.

<ion-item class="item item-thumbnail-left item-text-wrap" type="item-text-wrap" nav-transition="android" ng-repeat="data in hrINPROCandidateList | filter:search">
    <p class="small-text blue-text ">{{data.cfname}}</p>
    <div class="row" ng-repeat="(key,value) in data.note_detail_fields track by $index">
      <div class="col field">{{key}}</div>
      <div class="col field-info">{{value}}</div>
    </div>
</ion-item>

JSON Data

{
"responseToken": 1,
"list": [
    {
        "candidate_id": "4",
        "note_detail_fields": "{\"link\":\"View Interview Details\",\"job_title\":\"Sopra Executive\",\"Candidate\":\"Mark Ashton\",\"Interview_Type\":\"First Interview\",\"\":\"\",\"Duration\":\"30 minutes\",\"Date\":\"Wednesday, 23<sup>rd<\\/sup> November 2016\",\"Time\":\"09:00 to 09:30\",\"Location\":\"london\"}",
        "cfname": "Idris",
        "clname": "Alba"
    },
    {
        "candidate_id": "506",
        "note_detail_fields": null,
        "cfname": null,
        "clname": null
    },
    {
        "candidate_id": "32",
        "note_detail_fields": "{\"link\":\"View Shared Job\",\"job_title\":\"Manager\",\"Location\":\"London, United Kingdom\",\"Package\":\"800 - 850 per day GBP\"}",
        "cfname": "Sajal",
        "clname": "Agarwal"
    }
],
"totalCount": "4",
"success": 1,
"status": null
}

View data in app

Vanojx1 · Accepted Answer · 2016-12-14 07:52:15Z

2

You re trying to loop through a string instead of an array, create a filter that parse the json contained in data.note_detail_fields

<div class="row" ng-repeat="(key,value) in data.note_detail_fields | fromJson track by $index">
  <div class="col field">{{key}}</div>
  <div class="col field-info">{{value}}</div>
</div>


app.filter('fromJson',function(){
    return function(input){ return angular.fromJson(input); }
})

answered Dec 14, 2016 at 7:52

Vanojx1

5,5842 gold badges25 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Not able to fetch key and value from nested JSON data in IONIC

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related