Angular js solve a different format of a json array of objects

Question

Based on the result below , how can an angular for each loop be able to solve that json array of objects format ? The value is title and the id is key. Any Idea? Thank you.

mycode

me.record.questionaires = []
angular.forEach(detail.questionaires, function (value, key) {
            me.record.questionaires.push({ "id": key, "title": value })

        });

Formated json data (detail.questionaire result)

[  
   "{'sub_title': 'dsadsa', 'instruction': 'You Must',…elimit': '01:05:19', 'title': 'asdsa', 'id': 133}",
   "{'sub_title': 'sdasdsa', 'instruction': None, 'cre…melimit': '05:30:09', 'title': 'asda', 'id': 131}"
]

Phil · Accepted Answer · 2019-03-06 04:28:49Z

2

You need to

Loop over the array
Parse the string as JSON
Push or map the appropriate values into your questionaires array (it's not clear what data you want)

me.record.questionaires = detail.questionaires.map(json => {
  let { id, title } = JSON.parse(json)
  return { id, title }
})

edited Mar 6, 2019 at 4:28

answered Mar 6, 2019 at 4:11

Phil

166k25 gold badges265 silver badges269 bronze badges

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

2 Comments

Jhon Caylog Over a year ago

nexpected token ' in JSON at position 1

Phil Over a year ago

@JhonCaylog well that's because your "formatted JSON data" is not JSON. Where does it come from? If you're manually typing it out, you should get the syntax correct (keys and string values must be quoted with double-quotes)

Urielzen · Accepted Answer · 2019-03-06 07:15:58Z

1

I had to change your sample formatted JSON a bit because it was giving me console errors. Please see if this helps.

angular
  .module("myModule", [])
  .controller("myController", function($scope) {
    var me ={record: {questionaires: []}};
    $scope.me = me;
	
    var detail ={};
    detail.questionaires = [  
      "{'sub_title': 'dsadsa', 'instruction': 'You Must','…elimit': '01:05:19', 'title': 'asdsa', id: 133}",
      '{"sub_title": "sdasdsa", "instruction": "None", "cre…melimit": "05:30:09", "title": "asda", "id": 131}'
    ];

    angular.forEach(detail.questionaires, function (value, key) {
    
      var questionaire = JSON.parse(value.replace(/'/g, '"').replace(/id:/g, '"id":'));     
      me.record.questionaires.push({ "id": questionaire.id, "title": questionaire.title });
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

<div ng-app="myModule">
  <div ng-controller="myController">
  <div><strong>me.record.questionaires:</strong></div>
    <div ng-repeat="q in me.record.questionaires">
    <div>{{q}}</div>
    </div>
  </div>
</div>

edited Mar 6, 2019 at 7:15

answered Mar 6, 2019 at 5:04

Urielzen

5368 silver badges17 bronze badges

12 Comments

Urielzen Over a year ago

The properties and values have to have double quotes instead of single quotes, and you had None without quotes... I am not sure if you meant to use null there instead or "None"

Jhon Caylog Over a year ago

but that data is detail.questionaire

Jhon Caylog Over a year ago

ang examplel ["{'department': "Don't Let Me Down", 'sub_title': '…91111011211', 'timelimit': '01:05:01', 'id': 175}"]

Jhon Caylog Over a year ago

is there a way we can change it w

Urielzen Over a year ago

See update answer. Use regular expression to replace all the single quotes for double quotes

|

Collectives™ on Stack Overflow

Angular js solve a different format of a json array of objects

mycode

Formated json data (detail.questionaire result)

2 Answers 2

2 Comments

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

mycode

Formated json data (detail.questionaire result)

2 Answers 2

2 Comments

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related