How read .json file in angular js

Question

Here i want to read a .json file. I have to read it in controller. But i am getting while reading the .json file. quiz.json:

 [
 {
   "data":{
  "questions":{

           "level":[
              {
                 "question":[
                    {
                       "title":"What does SAP® stand for?",
                       "answer":[
                          "Services for Application Programming",
                          {
                             "_correct":"1",
                             "__text":"Systems, Applications, and Programs"
                          },
                          "Sino-American Peace",
                          "Statistical Analysis Program"
                       ]
                    },
                    {
                       "title":"What does Tcode mean?",
                       "answer":[
                          "Television Code",
                          "Translation Code",
                          "Transition Code",
                          {
                             "_correct":"1",
                             "__text":"Transaction Code"
                          }
                       ]
                    },

}
}
]

I tried to read i got Unexpected token /. Can anyone suggest how to read it?

V31 · Accepted Answer · 2014-08-18 06:43:51Z

1

The JSON you posted was incorrect.

This is the format that needs to be their:

JSON:

$scope.questions = [
 {
   "data":{
  "questions":{

           "level":[
              {
                 "question":[
                    {
                       "title":"What does SAP® stand for?",
                       "answer":[
                          "Services for Application Programming",
                          {
                             "_correct":"1",
                             "__text":"Systems, Applications, and Programs"
                          },
                          "Sino-American Peace",
                          "Statistical Analysis Program"
                       ]
                    },
                    {
                       "title":"What does Tcode mean?",
                       "answer":[
                          "Television Code",
                          "Translation Code",
                          "Transition Code",
                          {
                             "_correct":"1",
                             "__text":"Transaction Code"
                          }
                       ]
                    }
                 ]
               }
             ]
           }
         }
       }
     ];

and the html that I used to traverse the JSON in angular:

<div ng-app>
    <div ng-controller = "test">
        <div ng-repeat="data1 in questions">
            <div ng-repeat="question in data1.data.questions.level">
                    <div ng-repeat="levelQuest in question.question">
                        {{levelQuest.title}}
                </div>
            </div>
        </div>
    </div>
</div>

Working Demo

answered Aug 18, 2014 at 6:43

V31

7,6643 gold badges28 silver badges44 bronze badges

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

5 Comments

Anusha Nilapu Over a year ago

Thanks. Could you suggest how to show each question at a time?

V31 Over a year ago

I would suggest to change the structure of your json as it is deeply nested and there are many ng-repeats (which means many $digests) so avoid a nested ng-repeat....

Anusha Nilapu Over a year ago

This is my requirement so i have to follow this

V31 Over a year ago

oh ok then you can use bindonce in order to reduce the number of $watchers.

Anusha Nilapu Over a year ago

I can able to get only last question options.Can you explain how can i show each question with respect of its options?@V31

Egor Smirnov · Accepted Answer · 2014-08-18 06:46:05Z

You could paste your JSON structure here - http://jsonformatter.curiousconcept.com/

After pasting you will see that JSON has some errors in its structure.

Correct JSON will be:

[
 {
   "data":{
  "questions":{

           "level":[
              {
                 "question":[
                    {
                       "title":"What does SAP® stand for?",
                       "answer":[
                          "Services for Application Programming",
                          {
                             "_correct":"1",
                             "__text":"Systems, Applications, and Programs"
                          },
                          "Sino-American Peace",
                          "Statistical Analysis Program"
                       ]
                    },
                    {
                       "title":"What does Tcode mean?",
                       "answer":[
                          "Television Code",
                          "Translation Code",
                          "Transition Code",
                          {
                             "_correct":"1",
                             "__text":"Transaction Code"
                          }
                       ]
                    }
                 ]
              }
           ]
        }
     }
   }
]

Collectives™ on Stack Overflow

How read .json file in angular js

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related