如何迭代数组并在$scope (angularjs)中显示它

Question

问题：

我在我的应用程序中显示了一个文档列表，其中一个字段是预览图标，它显示了一个模式来显示文档的pdf预览。我正在构建一个url以使其动态，但我不知道如何迭代数组

主计长：

$scope.documentIdentifier = documents.documentBag[0].documentId;
$scope.url = $sce.trustAsResourceUrl("http://localhost:3000/services/v1/" + $scope.documentId + "?type=pdf");

我的目标：

    {
      "documents": "Success",
      "documentBag": [
        {
          "documentId": "E1DUPW9JPP1GUI3"
        },
        {
          "documentId": "E1FUJW5JPP1GUI4"
        },
        {
          "documentId": "G1DUJW3JPP1GUI5"
        }
      ]
    }

我需要遍历documentId来显示所有3个文档，但不完全确定是如何实现的。

Answer 1

使用ng-重复遍历数组并构建您的url。

$scope.documents = documents.documentBag;
$scope.url = $sce.trustAsResourceUrl("http://localhost:3000/services/v1/");

<div ng-repeat="document in documents">
    {{url + document.documentId}}
</div>