javascript - 访问 Json 对象

Question

{"Kind": {
"Food": {
    "color": "0",
    "size": "31",
    "shape": "round"
},
"Drink": {
    "color": "0",
    "size": "34",
    "shape": "square"
},
"Condiments": {
    "color": "0",
    "size": "52",
    "shape": "rectangle"
}

您好，我有一个 JSON 格式的文件，我正在尝试将其放入表格中，其中只会显示种类，例如食物和涉及圆形的形状。

你们知道我如何提取它吗？

之前我获取数据比较容易，因为JSON的格式

 var obj = [
{
    "Kind": "Food",
    "shape": "round"
}, {
    "Kind": "Drink",
    "shape": "square"
}, {
    "Kind": "Condiments",
    "shape": "rectangle"
}]

调用它很简单

<td>{{obj.Kind}}</td><td>{obj.shape}}</td>

现在我不太确定如何使用新的 json 格式来做到这一点..

Answer 1

根据我对您问题的理解，以下是您问题的答案。

你的html代码是这样的

<div ng-app="myApp" ng-controller="myController">
    <table>
        <tr>
            <th>Type</th> <th>Shape</th>
        </tr>
        <tr ng-repeat="(key ,value) in list.Kind">
            <td>{{key}}</td><td>{{value.shape}}</td>
       </tr>

    </table>

</div>

之后你的JavaScript就像这样

var myApp = angular.module("myApp", []);

    myApp.controller("myController", function($scope){

         $scope.list ={"Kind": {
    "Food": {
        "color": "0",
        "size": "31",
        "shape": "round"
    },
    "Drink": {
        "color": "0",
        "size": "34",
        "shape": "square"
    },
    "Condiments": {
        "color": "0",
        "size": "52",
        "shape": "rectangle"
    }
         }
                      };

    });

最后的输出是

类型 形状

调味品长方形

饮料方

食物轮