0

我需要在 anugularjs 中的网络应用程序上使用 pdf 查看器。我找到了 Angular PDF 查看器,对我来说没问题。但我不知道插入什么代码来使用它。

目前我有:

在 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);
        };


    }]);

什么不正确,我插入了什么代码?或者,如果您知道要在这两个文件中插入的正确代码,您会写信给我吗?谢谢帮帮我

4

1 回答 1

0

我没有看到代码有任何问题。只需确保您在主应用程序模块中引用了 pdf.js。angular.module('app',['pdf']) html 还需要引用 pdf.combined 和 angular-pdf-viewer js 文件。

于 2016-02-04T17:46:11.080 回答