Javascript angular js如何使用ng repeat获取api数据

我是新来的

angualr js

我想使用

ng reapet

在

td

低于我的记录

{"Root":[{"Record":["documents.php","OSHA_lockout_regulation.pdf","LOTO_Matrix_2016.docx","LOTO_Log_2016.pdf","Sample_LOTO_policy.pdf","iLockitOut_Help.pdf","Employee_Training.pdf"]}]}

如何将ng reapet

用于其记录显示

    <tr ng-repeat="(key, list) in documentdetails">
    <td>
        <a class="link" target="_blank" href="../admin/views/documents/{{list.Record[1]}}">{{ list }}</a>
    </td>
    </tr>



请向我提供建议
您可以像这样迭代，在documents.Root[0]中使用
ng repeat=“（键，列表）记录”
。如果您有多个
根
s，则可以使用嵌套的重复来实现所有这些根

这里有一个例子。请注意，我直接使用
{{doc}
创建您的URL


angular.module（“myApp”，[]）
.controller（“ctrl”，函数（$scope）{
$scope.documents={
“根”：[{
“记录”：[
“documents.php”，
“OSHA_锁定_regulation.pdf”，
“LOTO_Matrix_2016.docx”，
“LOTO_Log_2016.pdf”，
“Sample\u LOTO\u policy.pdf”，
“iLockitOut_Help.pdf”，
“Employee_Training.pdf”
]
}]
}
})

试试这个，这是一把有效的小提琴

 <tr ng-repeat="(key, document) in documentdetails.Root[0].Record">
  <td>
    <a class="link" target="_blank" href="../admin/views/documents/{{document}}">
    {{ document }}
    </a>
  </td>
</tr>

您可以格式化json响应吗？使用list[key]。记录[1]
$scope.documentdetails = {  
  "Root":[  
  {  
     "Record":[  
        "documents.php",
        "OSHA_lockout_regulation.pdf",
        "LOTO_Matrix_2016.docx",
        "LOTO_Log_2016.pdf",
        "Sample_LOTO_policy.pdf",
        "iLockitOut_Help.pdf",
        "Employee_Training.pdf"
      ]
    }
  ]
};