ionic 1 Themeable Browser未在android设备中打开

Question

这是我的流程...

我同时添加了ios and androidplatform

安装了cordova plugin add cordova-plugin-themeablebrowser

我的示例 pdf：http://www.pdf995.com/samples/pdf.pdf

github中的那个插件：https://github.com/initialxy/cordova-plugin-themeablebrowser

我的index.html：

 <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
      </ion-header-bar>
      <ion-content ng-controller="FileOpenerController">

       <button class="button button-icon loginnavbtn" ng-click="openpdf()">pdf open</button>
      </ion-content>
    </ion-pane>

我的.js

    app.controller('FileOpenerController', function($scope, $ionicPlatform,$themeablebrowser) {

    var options = {
                toolbar: {
                    height: 44,
                    color: '#cdcdcd'
              },
                title: {
                    color: '#003264ff',
                    showPageTitle: true
              },
                closeButton: {
                    image: 'close',
                    imagePressed: 'close_pressed',
                    align: 'left',
                    event: 'closePressed'
              },
                backButton: {
                    image: 'back',
                    imagePressed: 'back_pressed',
                    align: 'left',
                    event: 'backPressed'
              },
                forwardButton: {
                    image: 'forward',
                    imagePressed: 'forward_pressed',
                    align: 'left',
                    event: 'forwardPressed'
              },
                closeButton: {
                    image: 'close',
                    imagePressed: 'close_pressed',
                    align: 'left',
                    event: 'closePressed'
              },
                menu: {
                    image: 'menu',
                    imagePressed: 'menu_pressed',
                    title: 'Select for quick menu',
                    cancel: 'Cancel',
                    align: 'right',
                    items: [
                             {
                               event: 'btn1Pressed',
                               label: 'Button1'
                             },
                             {
                               event: 'btn2Pressed',
                               label: 'Button2'
                             }]
                 };
               }

    function openpdf() {


// dont know how to call my pdf url....not able to get the correct code...
}


    });

我几乎没有疑问。

我在app.controller 中定义的$themeablebrowser 是否正确。

不知道如何在我的 click 方法中编写代码以在 Themeable url 中打开我的 pdf

提前致谢

Answer 1

你必须像这样添加网址

 $scope.openpdf= function(){
    cordova.ThemeableBrowser.open('here goes your url', '_blank', {...}
 }

这里是示例

 $scope.openpdf= function(){
    cordova.ThemeableBrowser.open(' http://www.pdf995.com/samples/pdf.pdf', '_blank', {
        statusbar: {
            color: '#ffffffff'
        },
        toolbar: {
            height: 44,
            color: '#f0f0f0ff'
        },
        title: {
            color: '#003264ff',
            showPageTitle: true
        },
        backButton: {
            image: 'back',
            imagePressed: 'back_pressed',
            align: 'left',
            event: 'backPressed'
        },
        forwardButton: {
            image: 'forward',
            imagePressed: 'forward_pressed',
            align: 'left',
            event: 'forwardPressed'
        },
        closeButton: {
            image: 'close',
            imagePressed: 'close_pressed',
            align: 'left',
            event: 'closePressed'
        },
        customButtons: [
            {
                image: 'share',
                imagePressed: 'share_pressed',
                align: 'right',
                event: 'sharePressed'
            }
        ],
        menu: {
            image: 'menu',
            imagePressed: 'menu_pressed',
            title: 'Test',
            cancel: 'Cancel',
            align: 'right',
            items: [
                {
                    event: 'helloPressed',
                    label: 'Hello World!'
                },
                {
                    event: 'testPressed',
                    label: 'Test!'
                }
            ]
        },
        backButtonCanClose: true
    }).addEventListener('backPressed', function(e) {
        alert('back pressed');
    }).addEventListener('helloPressed', function(e) {
        alert('hello pressed');
    }).addEventListener('sharePressed', function(e) {
        alert(e.url);
    }).addEventListener(cordova.ThemeableBrowser.EVT_ERR, function(e) {
        console.error(e.message);
    }).addEventListener(cordova.ThemeableBrowser.EVT_WRN, function(e) {
        console.log(e.message);
    });
    }