pdf是不是開放在科爾多瓦themeableBrowser

Question

我看到一些教程，在離子2打開PDF不應下載給用戶。所以我找到了Git hub repo。

現在，當我下載的項目，當我運行示例應用程序。該PDF不themeableBrowser打開..

它具有所有瀏覽器的功能，如：

inAppBrowser

themeableBrowser

AndroidPDF

但是，當我試着inAppBrowser它工作正常。但我需要與themeableBrowser合作，因爲我需要PDF不應該是可下載的。如果有任何一個明確這個問題，我的爲什麼這不是在Android平臺開放。

你可以下載回購，你可以使用它。

請幫我一把。它是唯一的來源，我發現工作.. 謝謝

Answer 1

正如ionic docs所述，您可以使用此themeablebrowser這是你正在嘗試使用的cordova themeablebrowser相同。

這裏是工作的代碼片段：

在home.html文件：

<ion-header> 
    <ion-navbar> 
    <ion-title> 
     Ionic Blank 
    </ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <button ion-button (click)="test()">Test browser</button> 
</ion-content> 

在home.ts文件：

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { InAppBrowser } from '@ionic-native'; 
import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, private themeableBrowser: ThemeableBrowser) { 

    } 

    test() { 
     const options: ThemeableBrowserOptions = { 
      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 
     }; 

     const browser: ThemeableBrowserObject = this.themeableBrowser.create('https://docs.google.com/viewerng/viewer?url=www.pdf995.com/samples/pdf.pdf', '_blank', options); 
    } 

} 

而且在app.module.ts文件從@ionic-native/themeable-browser添加ThemeableBrowser給供應商。

加入您的app.module.ts文件後應該是這樣的：

import { BrowserModule } from '@angular/platform-browser'; 
import { ErrorHandler, NgModule } from '@angular/core'; 
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; 
import { SplashScreen } from '@ionic-native/splash-screen'; 
import { StatusBar } from '@ionic-native/status-bar'; 
import { ThemeableBrowser } from '@ionic-native/themeable-browser'; 
import { MyApp } from './app.component'; 
import { HomePage } from '../pages/home/home'; 

@NgModule({ 
    declarations: [ 
    MyApp, 
    HomePage 
    ], 
    imports: [ 
    BrowserModule, 
    IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    MyApp, 
    HomePage 
    ], 
    providers: [ 
    StatusBar, 
    SplashScreen, 
    ThemeableBrowser, 
    {provide: ErrorHandler, useClass: IonicErrorHandler} 
    ] 
}) 
export class AppModule {} 

這就是所有你在開始離子應用需要爲你的主題化的瀏覽器工作的補充。

Tested it on android emulator.