angularjsを使用してテーブルにjsonデータをバインドできません

Question

こんにちは、JSONオブジェクトのデータをtable.myにバインドしようとしていますが、jsonオブジェクト{{metric}}全体をバインドできますが、 jsonオブジェクトの{{metric.EmpId}}です。 [ { "EMPID"： "4"、 "名前"： "クリス"、 変換されたJSONオブジェクトを直接

$ scope.Employees = "従​​業員" にasignedされたときに は最終的に私の観察から、私が見つかりました。 "セックス"： "男性"、 "電話"：[ { "_Type"： "ホーム"、 "__text"： "564-555-0122" }、{ "_Type"： "仕事" 、 "__text"： "442-555-0154" } ]、 "Address"：{ "Street"： "124 Kutbay"、 "City"： "Montara"、 "State"： "CA"、 "Zip"： "94037"、 "国" } } ] }

私は期待通りの出力が動作しているが、私は直接の結果を割り当てるとき

すなわち、$ scope.Employees =応答;問題

かもしれないものに動作していません

<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>