loading PDFs dynamically

change to allow PDFs to be loaded dynamically
sayanee · Jul 17, 2015 · 7688504 · 7688504
1 parent 4d2c287
commit 7688504
Showing 1 changed file with 32 additions and 19 deletions.
diff --git a/example/js/directives/angular-pdf.js b/example/js/directives/angular-pdf.js
@@ -102,26 +102,30 @@
           }
         };
 
-        PDFJS.getDocument(url, null, null, scope.onProgress).then(
-          function(_pdfDoc) {
-            if (typeof scope.onLoad === 'function' ) {
-              scope.onLoad();
-            }
-
-            pdfDoc = _pdfDoc;
-            scope.renderPage(scope.pageToDisplay);
-
-            scope.$apply(function() {
-              scope.pageCount = _pdfDoc.numPages;
-            });
-          }, function(error) {
-            if (error) {
-              if (typeof scope.onError === 'function') {
-                scope.onError(error);
-              }
-            }
+        function renderPDF(){
+          if(url && url.length){
+            PDFJS.getDocument(url, null, null, scope.onProgress).then(
+                function(_pdfDoc) {
+                  if (typeof scope.onLoad === 'function' ) {
+                    scope.onLoad();
+                  }
+
+                  pdfDoc = _pdfDoc;
+                  scope.renderPage(scope.pageToDisplay);
+
+                  scope.$apply(function() {
+                    scope.pageCount = _pdfDoc.numPages;
+                  });
+                }, function(error) {
+                  if (error) {
+                    if (typeof scope.onError === 'function') {
+                      scope.onError(error);
+                    }
+                  }
+                }
+            );
           }
-        );
+        }
 
         scope.$watch('pageNum', function(newVal) {
           scope.pageToDisplay = parseInt(newVal);
@@ -130,6 +134,15 @@
           }
         });
 
+        scope.$watch('pdfUrl', function(newVal) {
+          if(newVal !== ""){
+            console.log("pdfUrl value change detected: ", scope.pdfUrl);
+            url = newVal;
+            scope.pageToDisplay = 1;
+            renderPDF();
+          }
+        });
+
       }
     };
   } ]);