Javascript 未在Angular JS中加载JSON数据_Javascript_Json_Angularjs

Javascript 未在Angular JS中加载JSON数据

javascript json angularjs

Javascript 未在Angular JS中加载JSON数据,javascript,json,angularjs,Javascript,Json,Angularjs,我是AngularJS&JSON新手，并尝试以下示例，但我无法从JSON文件加载数据： <body> <h2>AngularJS Sample Application</h2> <div ng-app="" ng-controller="kittyController"> <table> <tr> <th>Name</t

我是AngularJS&JSON新手，并尝试以下示例，但我无法从JSON文件加载数据：

<body>
    <h2>AngularJS Sample Application</h2>
    <div ng-app="" ng-controller="kittyController">
        <table>
            <tr>
                <th>Name</th>
                <th>Roll No</th>
                <th>Percentage</th>
            </tr>
            <tr ng-repeat="kitty in kitties">
                <td>{{ kitty.Name}}</td>
                <td>{{ kitty.RollNo}}</td>
                <td>{{ kitty.Percentage.num}} -- {{kitty.Percentage.avrg}}</td>
            </tr>
        </table>
    </div>
    <script>
        function kittyController($scope, $http) {
            var url = "data.json";
            $http.get(url).success(function(response) {
                $scope.kitties = response;
            });
        }
    </script>

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">    </script>
  </body>

我可以看到Name和Roll no，但不能看到percentage.num和percentage.avrg。我缺少什么吗？

百分比被建模为一个数组。要么使用对象，要么必须以另一种方式访问它，如

 percantage[0].num

但我想我会像这样构造json：

{
"Name" : "kitty 1",
"RollNo": 101,
"Percentage" : 
{"num" : 88,
  "avrg": 4  }
 },
 {
 "Name" : "Kitty 2",
 "RollNo": 102,
 "Percentage" :
  {"num" : 68,
  "avrg": 4  }
 }
 ]

未测试，但我认为数组和对象的组合总是会产生问题…

百分比被建模为数组。要么使用对象，要么必须以另一种方式访问它，如

 percantage[0].num

但我想我会像这样构造json：

{
"Name" : "kitty 1",
"RollNo": 101,
"Percentage" : 
{"num" : 88,
  "avrg": 4  }
 },
 {
 "Name" : "Kitty 2",
 "RollNo": 102,
 "Percentage" :
  {"num" : 68,
  "avrg": 4  }
 }
 ]

未测试，但我认为数组和对象的组合总是会产生问题…

百分比被建模为数组。要么使用对象，要么必须以另一种方式访问它，如

 percantage[0].num

但我想我会像这样构造json：

{
"Name" : "kitty 1",
"RollNo": 101,
"Percentage" : 
{"num" : 88,
  "avrg": 4  }
 },
 {
 "Name" : "Kitty 2",
 "RollNo": 102,
 "Percentage" :
  {"num" : 68,
  "avrg": 4  }
 }
 ]

未测试，但我认为数组和对象的组合总是会产生问题…

百分比被建模为数组。要么使用对象，要么必须以另一种方式访问它，如

 percantage[0].num

但我想我会像这样构造json：

{
"Name" : "kitty 1",
"RollNo": 101,
"Percentage" : 
{"num" : 88,
  "avrg": 4  }
 },
 {
 "Name" : "Kitty 2",
 "RollNo": 102,
 "Percentage" :
  {"num" : 68,
  "avrg": 4  }
 }
 ]

未测试，但在我看来，数组和对象的组合总是会产生问题…

这是一个有效的插件

您有两个选项使用百分比[0]，比如

{{kitty.percentage[0].num}

或者将您的Json更改为“百分比”：{“num”：88，“avrg”：4}

这是一个有效的插件

您有两个选项使用百分比[0]，比如

{{kitty.percentage[0].num}

或者将您的Json更改为“百分比”：{“num”：88，“avrg”：4}

这是一个有效的插件

您有两个选项使用百分比[0]，比如

{{kitty.percentage[0].num}

或者将您的Json更改为“百分比”：{“num”：88，“avrg”：4}

这是一个有效的插件

您有两个选项使用百分比[0]，比如

{{kitty.percentage[0].num}

或者将Json更改为“百分比”：{“num”：88，“avrg”：4}

百分比是一个数组。使用百分比[0]。numPercentage是一个数组。使用百分比[0]。numPercentage是一个数组。使用百分比[0]。numPercentage是一个数组。使用百分比[0].num