如何遍历数组，并在$范围显示它（angularjs）

问题：

我显示在我的应用领域的一个文档列表是一个预览图标，显示一个模式来显示文件的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个文件，但不完全确定如何。

来源

2016-11-30 jeremy

[ngRepeat]（https://docs.angularjs.org/api/ng/directive/ngRepeat）可能会说明一些问题。 – tcooc

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

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

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

来源

2016-11-30 22:11:01 RickCoxDev

有没有办法让我迭代控制器？因为我必须在url结尾处输入？type = pdf – jeremy

在这种情况下，您可以在HTML中执行'{{url + document.documentId +'？type = pdf'}}'。如果你真的想在控制器中迭代，你可以在数组上使用forEach构建URL。 – RickCoxDev

如何遍历数组，并在$范围显示它（angularjs）

回答

相关问题