Angularjs에서 다운로드하는 대신 ng-click에서 PDF 파일을 여는 방법은 무엇입니까?

Question

사용자가이 링크를 클릭하면 파일을 다운로드 할 수 있습니다. "Click to get your file". 하지만 이제는 모달 창과 같은 PDF 파일을 열고 사용자가 파일을 다운로드하지 못하게해야합니다.

내 컨트롤러

var resumeJson = { 
     "json":{ 
      "request":{ 
       "candidateid":$rootScope.globals.currentUser.userId, 
       "type":2 
      } 
      } 
     }; 


$scope.getResume = function() { 

     console.log(JSON.stringify(resumeJson)); 
     $scope.resume = UserService.getFile(resumeJson); 
     console.log($scope.resume);  
} 

내 html로 무엇 iframe이 약

<div class="grid_3" ng-show="resumeflag==true || uploaded==true" ng-hide="resumeflag==false || uploaded==false"> 
    <a ng-click="getResume()" href="{{resume}}"> 
     <img ng-src="images/resume.png" style="height:4em; width:4em;" ng-click="getResume()" href="{{resume}}">Click to get Your Resume</a> 
</div> 

Answer 1

?

컨트롤러 :

$scope.getResume = function() { 
    UserService.getFile(resumeJson) 
     .then(function(response) { 
      var file = new Blob([response], {type: 'application/pdf', charset:'utf-8'}); 
      var fileURL = URL.createObjectURL(file); 
      $scope.resume = $sce.trustAsResourceUrl(fileURL); 
     }); 
} 

HTML : 당신은 웹 또는 모바일 원하는

<iframe id="resume" src="{{resume}}" onload="setSize()"></iframe> 
<script type="text/javascript"> 
    function setSize() { 
     document.getElementById('resume').style.height = '100%'; 
     document.getElementById('resume').style.width = '100%'; 
    } 
</script>