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.