無法綁定json數據到一個表使用angularjs

Question

您好我試圖綁定JSON對象數據到table.my問題是我能夠綁定整個json對象{{度量}}但未能加載每個atttribute的json對象，即{{metric.EmpId}}。 最後從我的觀察，我發現，當轉換後的JSON對象被直接asigned到

$ scope.Employees = 「僱員」：[{ 「EMPID」： 「4」， 「名稱」： 「克里斯」， 「性」： 「男」， 「手機」：[{ 「_Type」： 「家」， 「__TEXT」： 「564-555-0122」 }，{ 「_Type」： 「工作」 ， 「__text」：「442-555-0154」 } ]， 「地址」：{ 「Street」：「124 Kutbay」， 「City」：「Montara」， 「State」：「CA」， 「Zip」：「94037」， 「Country」 }} ] }

輸出工作如我所料，但是當我分配的直接結果

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