Фильтр предварительного просмотра AngularJS PDF не работает

Я хочу просмотреть PDF на моей веб-странице. Я использовал этот код:

var $scope;
angular.module('miniapp', ['phonecatFilters', 'ngSanitize']);

function Ctrl($scope) {
    $scope.test = 'Example from: ';
    $scope.file = {
        pdf: true
    };
}
angular.module('phonecatFilters', []).filter('checkmark', function() {
  return function(input) {
    return input ? 'u2713' : 'u2718';
  };
}).filter('iconify', function () { // My custom filter
        return function (input) {
            return '<object data="http://apps.deprigo.com/files/orders/1486031377-20022.pdf" type="application/pdf" width="100%" height="300"><embed src="http://apps.deprigo.com/files/orders/1486031377-20022.pdf" type="application/pdf" /></object>';
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="http://code.angularjs.org/1.0.2/angular-sanitize.min.js"></script>
<div ng-app="miniapp">
  <div ng-controller="Ctrl">
      <h1>{{test}}</h1>
      <div>Preview PDF:<br /><span ng-bind-html='file.pdf | iconify'></span>
      </div>
  </div>
  <br>
  
</div>

Над объектным кодом PDF я получил пустой. Пожалуйста, проверьте и дайте мне знать, как я могу показать PDF на моей веб-странице?

JSFIDDLE

javascript,angularjs,pdf,

0

Ответов: 1


0 принят

После некоторых googled я получил решение. Вот мой вывод -

var $scope;
angular.module('miniapp', ['phonecatFilters', 'ngSanitize']);

function Ctrl($scope) {
    $scope.test = 'Example from: ';
    $scope.file = {
        pdf: true,
        doc: true
    };
}
angular.module('phonecatFilters', []).filter('iconify', function ($sce) { // My custom filter
        return function (file) {
            return $sce.trustAsHtml('<object data="http://apps.deprigo.com/files/orders/1486031377-20022.pdf" type="application/pdf" width="100%" height="300"><embed src="http://apps.deprigo.com/files/orders/1486031377-20022.pdf" type="application/pdf" /></object>');
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="http://code.angularjs.org/1.0.2/angular-sanitize.min.js"></script>
<div ng-app="miniapp">
  <div ng-controller="Ctrl">
      <h1>{{test}}</h1>
      <div>Preview PDF:<br /><span ng-bind-html='file.pdf | iconify'></span>
      </div>
  </div>
  <br>
  
</div>

JavaScript, angularjs, PDF,
Похожие вопросы