0

anugularjs にある Web アプリで 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);
        };


    }]);

何が間違っていて、どのコードを挿入しますか? または、これら 2 つのファイルに挿入する正しいコードを知っている場合は、私に連絡していただけますか? ありがとう 助けて

4

1 に答える 1

0

コードに問題はありません。メインアプリケーションモジュールにpdf.jsへの参照があることを確認してください。angular.module('app',['pdf']) また、html には pdf.combined および angular-pdf-viewer js ファイルへの参照が必要です。

于 2016-02-04T17:46:11.080 に答える