角度のある多次元配列に問題があります

Question

私のコードの問題点は何ですか？

戻り配列は

{"records": 
    [{"Status":"1", 
    "Date":"2017-07-14 10:46:33", 
    "Email":"cy@gmail.com","Company":"Inc.", 
    "Model":"Model 8081 A","Animation":"Walk, Turn Around","id":"1", 
    "Note":"This is a new request for model with animation.", 
    "Attachment": 
     "[{'url':'request/31a.jpg','name':'a.jpg'},{'url':'request/42Light.png','name':'Light.png'}]" 
}] 
} 

され、HTMLコードが

<tr ng-repeat="x in records"> 
    <td>{{x.Status}}</td> 
    <td>{{x.Date}}</td> 
    <td>{{x.Email}}</td> 
    <td>{{x.Company}}</td> 
    <td>{{x.Model}}</td> 
    <td>{{x.Animation}}</td> 
    <td>{{x.Note}}</td> 
    <td> 
     <table> 
     <tr ng-repeat="lnk in x.Attachment"> 
      <td>{{lnk.url}}</td> 
      <td>{{lnk.name}}</td> 
     </tr> 
     </table> 
    </td>   
</tr> 

lnk.urlとlnk.name印刷何もありません。コンソールで

にエラーが発生しました[ngRepeat：dupes]で

Answer 1

Attachmentは配列ではありません。配列に変換し、それがLの仕事

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 

 
    
 
    $scope.records = [ 
 
     { 
 
     "Status":"1", 
 
     "Date":"2017-07-14 10:46:33", 
 
     "Email":"cy@gmail.com", 
 
     "Company":"Inc.", 
 
     "Model":"Model 8081 A", 
 
     "Animation":"Walk, Turn Around", 
 
     "id":"1", 
 
     "Note":"This is a new request for model with animation.", 
 
     "Attachment":[{'url':'request/31a.jpg','name':'a.jpg'},{'url':'request/42Light.png','name':'Light.png'}] 
 
     } 
 
    ] 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<table> 
 
    <tr ng-repeat="x in records"> 
 
    <td>{{x.Status}}</td> 
 
    <td>{{x.Date}}</td> 
 
    <td>{{x.Email}}</td> 
 
    <td>{{x.Company}}</td> 
 
    <td>{{x.Model}}</td> 
 
    <td>{{x.Animation}}</td> 
 
    <td>{{x.Note}}</td> 
 
    <td> 
 
     <table> 
 
     <tr ng-repeat="lnk in x.Attachment"> 
 
      <td>{{lnk.url}}</td> 
 
      <td>{{lnk.name}}</td> 
 
     </tr> 
 
     </table> 
 
    </td>   
 
</tr> 
 
</table> 
 
</div>

Answer 2

あなたの添付ファイルは、それは文字列が配列されていません。返される配列は次のようになります。

{ 
    "records": [{ 
    "Status": "1", 
    "Date": "2017-07-14 10:46:33", 
    "Email": "cy@gmail.com", 
    "Company": "Inc.", 
    "Model": "Model 8081 A", 
    "Animation": "Walk, Turn Around", 
    "id": "1", 
    "Note": "This is a new request for model with animation.", 
    "Attachment": [{ 
     "url": "request/31a.jpg", 
     "name": "a.jpg" 
    }, { 
     "url": "request/42Light.png", 
     "name": "Light.png" 
    }] 
    }] 
} 

（添付ファイルの引用符は削除されていることに注意してください）。

コントローラのJSON.parse()機能付きの添付ファイルを変換する必要があります。