2016-11-30 12 views
0

이 문제 (AngularJS와) $ 범위에 표시합니다 :는 어떻게 배열을 반복하고

내 응용 프로그램과 필드 중 하나에서 문서 목록을 표시하고 모달가를 표시하는 방법을 보여줍니다 미리보기 아이콘이다 문서의 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 개의 모든 문서를 표시하지만 정확히 어떻게 표시되는지는 알 수 없습니다.

+1

[ngRepeat] (https://docs.angularjs.org/api/ng/directive/ngRepeat)가 약간의 빛을 줄 수도 있습니다. – tcooc

답변

2

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> 
+0

컨트롤러에서 반복 할 수있는 방법이 있습니까? 왜냐하면 내가 넣어야하기 때문에? type = pdf url의 끝에 – jeremy

+0

당신의 HTML에'{{url + document.documentId + '? type = pdf'}}'를 할 수 있습니다. 컨트롤러에서 반복 작업을 원할 경우 forEach를 사용하여 URL을 작성할 수 있습니다. – RickCoxDev

관련 문제