无法使用 angularjs 将 json 数据绑定到表

Question

嗨，我正在尝试将 JSON 对象数据绑定到表。我的问题是我能够绑定整个 json 对象 {{metric}} 但未能加载 json 对象的每个属性，即{ {metric.EmpId}}。 最后从我的观察中我发现转换后的 json 对象直接分配给

$scope.Employees="雇员": [ {“EmpId”：“4”， “姓名”：“克里斯”， “性别男”， “电话”： [ { "_Type": "家", “__text”：“564-555-0122” }, { "_Type": "工作", “__text”：“442-555-0154” } ], “地址”： { “街”：“124 Kutbay”， “城市”：“蒙塔拉”， “州”：“加州”， “邮编”：“94037”， “国家”：“美国” } } ] }

输出按预期工作，但是当我分配直接结果时

即$scope.Employees=response；它不工作可能是什么问题

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src="xml2json.js"></script>
     <script>
                var app = angular.module('httpApp', []);
                app.controller('httpController', function ($scope, $http) {
                    $http.get("File1.xml",
                            {
                                transformResponse: function (cnv) {
                                    var x2js = new X2JS();
                                    var aftCnv = x2js.xml_str2json(cnv);
                                    return aftCnv;
                                }
                            })
                    .success(function (response) {
                        console.log(response);
                        $scope.Employees = response;
                        console.log($scope.Employees);
                    });
                });
            </script>

 <div>
            <div ng-app="httpApp" ng-controller="httpController">
                <div ng-repeat="metric in Employees">

                    {{ metric}}
                    <br />
                    <br />
                    <table>
                        <tr ng-repeat="metric in Employees">
                            {{metric}}
                             <td ng-repeat="cell in metric">{{cell}}</td>
                            <td>{{cell.EmpId}}</td>
                            <td>{{metric.Name}}</td>
                        </tr>
                    </table>
                </div>
            </div>

Answer 1

假设您的json 具有以下格式：

$scope.Employees = {
    "Employee": [
        {
            "EmpId": 1,
            "Name": "Sam"
        },
        {
            "EmpId": 2,
            "Name": "Lucy"
        }
    ]
};

您可能想要这样做：

<div ng-repeat="employeeList in Employees">
    <table>
        <tr ng-repeat="employee in employeeList">
             <td>{{employee.EmpId}}</td>
             <td>{{employee.Name}}</td>
        </tr>
    </table>
</div>