Angular PDF Viewer: как использовать

Question

Мне нужно использовать просмотрщик PDF в моем веб-приложении, которое находится в anugularjs. Я нашел Angular PDF Viewer, и это нормально для меня. Но я не знаю, какой код вставки, чтобы использовать его.

На данный момент я:

в формате HTML:

<div ui-content-for="title">
    <span class="small"></span>
</div>
<div class="scrollable">
    <div class="scrollable-content">
        <div class="list-group">
        <site-frame style="display:block; height: 100%;">
            <pdf-viewer
                delegate-handle="my-pdf-container"
                url="pdfUrl"
                scale="1"
                show-toolbar="true"
                headers="{ 'x-you-know-whats-awesome': 'EVERYTHING' }">
                </pdf-viewer>
                <button class="btn btn-default" ng-click="loadNewFile('position/file.pdf')">Load</button>
    </site-frame>
        </div>
    </div>
</div>

в контроллере:

    'use strict';

    var pdfControllerModule = angular.module('pdfControllerModule', ['ServiceOModule']);

pdfControllerModule.controller('pdfController',
    ['$scope','pdfDelegate', '$routeParams', 'Service_o', function($scope, pdfDelegate ,$routeParams, Service_o) {

        $scope.pdfUrl = 'position/file.pdf';

        $scope.loadNewFile = function(url) {
            pdfDelegate
             .$getByHandle('my-pdf-container')
             .load(url);
        };


    }]);

что неверно и какой код я вставляю? Или, если вы знаете правильный код для вставки в эти два файла, вы пишете мне? Спасибо, помогите мне

Answer 1

Я не вижу никаких проблем с кодом. Просто убедитесь, что у вас есть ссылка на pdf.js в вашем основном модуле приложения. angular.module('app',['pdf']) Также html нуждается в ссылке на js-файлы pdf.combined и angular-pdf-viewer.