如何遍歷數組，並在$範圍顯示它（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）

回答

相關問題