Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app="ngApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-controller="ngCtrl" style="height:800px">
  <div style="height:100%" pdf-loader></div>
  
</body>
</html>
 
var ngApp = angular.module("ngApp",[]);
ngApp.directive("pdfLoader",function(){
  
  return function(scope,elem,attr){
    elem.append("<object width='100%' height='100%' src='"+ scope.content +"'  type='application/pdf'></object>");
  };
  
});
ngApp.controller("ngCtrl",function($scope){
  $scope.content ="https://gcc.geojit.net/researchdesk/OPTION STRATEGIES2.pdf"; 
});
 
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers