Использование тега iframe в ионном приложении

Question

Я занимаюсь разработкой простого ионного приложения, и мне нужно вставить и просмотреть PDF-файл на определенной странице приложения.

Я использовал тег html <iframe> следующим образом:

<iframe width="400" height="600" src="assets/documents/relation.pdf">
</iframe>

Но это не работает (PDF не виден внутри страницы).

То же самое происходит, если вы используете теги <object> или <embed>.

Может кто-нибудь сказать мне, почему?

Большое спасибо!

Answer 1

install cordova plugin add org.apache.cordova.inappbrowser In case of android we use GoogleDocs to open pdf file as by default android browser does not support pdf viewing. iOS is smart enough to handle pdf itself as usual smile .

Example :

$scope.view_link = function (url, link_type) {
            if (ionic.Platform.isAndroid()) {
                if (link_type !== undefined && link_type !== null) {
                    if (link_type.toLowerCase() !== 'html') {
                        url = 'https://docs.google.com/viewer?url=' + encodeURIComponent(url);
                    }
                }
            }
            var ref = window.open(url, '_blank', 'location=no');
        }
for more https://github.com/apache/cordova-plugin-inappbrowser/blob/8ce6b497fa803936784629187e9c66ebaddfbe1b/doc/index.md

if you are looking for iframe try something like this

<iframe ng-src="{{pdfurl}}" style="width:100%; height: 100%;"></iframe>
in controller..

$scope.pdfurl =$sce.trustAsResourceUrl('https://docs.google.com/viewer?url=' + encodeURIComponent($scope.pdf));