Angularjs 的ng-repeat为什么无法遍历呈现到网页上?

    <!DOCTYPE html>
    <html ng-app="myapp">
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .left,.right{
                width: 49%;
                border: 1px solid black;
                float: left;
            }
        </style>
    </head>
    <body>
    
        <div class="left" ng-controller="food">
            <div ng-repeat="n in grade">
                {{n.name}}
            </div>
        </div>
        <div class="right"></div>
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="js/angular1.2.3.js"></script>
    <script type="text/javascript">
        var myapp=angular.module("myapp",[]);
        myapp.controller("food",function($scope){
            $.getJSON("json/json",function(data){
                $scope.grade=data;
                console.log($scope.grade);
            })
        });
    </script>
    </body>
    </html>
    //下面的json是一个独立的json文件在json文件夹目录下
//  [
//    {
//      "name":"张三",
//      "sex":"男",
//      "content":[
//        {
//          "subject1":[
//            {
//              "语文":"88",
//              "数学":"85",
//              "英语":"94"
//            }
//          ],
//          "subject2":[
//            {
//              "语文":"78",
//              "数学":"80",
//              "英语":"95"
//            }
//          ],
//          "subject3":[
//            {
//              "语文":"78",
//              "数学":"95",
//              "英语":"86"
//            }
//          ]
//        }
//      ]
//    },
//    {
//      "name":"李四",
//      "sex":"男",
//      "content":[
//        {
//          "subject1":[
//            {
//              "语文":"77",
//              "数学":"78",
//              "英语":"84"
//            }
//          ],
//          "subject2":[
//            {
//              "语文":"85",
//              "数学":"76",
//              "英语":"65"
//            }
//          ],
//          "subject3":[
//            {
//              "语文":"78",
//              "数学":"85",
//              "英语":"87"
//            }
//          ]
//        }
//      ]
//    }
//  ]
阅读 3.4k
2 个回答

使用JSON.parse(data)将data转成json对象

新手上路,请多包涵

虽然时间过了这么久 碰到了还是要回答下.因为response包括config data headers prototype等部分 其中数据只是data部分 要引用的话需要将n in grade 改为n in grade.data 其实最方便的就是用console.log 打印控制台在response 看一下就会很清楚了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题