如何遍历数组并在$ scope(angularjs)中显示它

时间:2016-11-30 22:01:27

标签: angularjs arrays loops angularjs-scope

问题:

我在我的应用程序中显示了一个文档列表,其中一个字段是一个预览图标,显示了一个显示文档pdf预览的模式。我正在建立一个网址以使其动态但我不确定如何遍历数组

控制器:

$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个文档但不完全确定如何。

1 个答案:

答案 0 :(得分:2)

使用ng-Repeat迭代数组并构建您的网址。

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

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