如何在 Angular js 中读取 .json 文件答案

【问题标题】：How read .json file in angular js如何在 Angular js 中读取 .json 文件
【发布时间】：2014-08-18 06:28:09
【问题描述】：

在这里我想读取一个 .json 文件。我必须在控制器中阅读它。但是我在阅读 .json 文件时得到了。 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"
                          }
                       ]
                    },

}
}
]

我试图阅读我得到了 Unexpected token /。任何人都可以建议如何阅读它？

【问题讨论】：

标签： ajax json angularjs

【解决方案1】：

您发布的 JSON 不正确。

这是他们需要的格式：

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"
                          }
                       ]
                    }
                 ]
               }
             ]
           }
         }
       }
     ];

还有我用来在angular中遍历JSON的html：

<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

【讨论】：

谢谢。您能否建议如何一次显示每个问题？
我建议更改 json 的结构，因为它嵌套很深，并且有很多 ng-repeat（这意味着很多 $digests），所以避免嵌套 ng-repeat....跨度>
这是我的要求，所以我必须遵循这个
哦，好的，那么您可以使用 bindonce 来减少 $watchers 的数量。
非常感谢。它对我有帮助。

【解决方案2】：

您可以在此处粘贴您的 JSON 结构 - http://jsonformatter.curiousconcept.com/

粘贴后你会看到 JSON 的结构有一些错误。

正确的 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"
                          }
                       ]
                    }
                 ]
              }
           ]
        }
     }
   }
]

【讨论】：