1. 程式人生 > >Ionic2使用非ionic-native中的cordova外掛的方法

Ionic2使用非ionic-native中的cordova外掛的方法

熟悉ionic1和angular1的使用者對於使用cordova都有一定的認識,但是在ionic2中官方給出的使用方法是從ionic-native這個npm包匯入要使用的cordova外掛。
例如:
使用ionic-native提供的AppVersion外掛
首先安裝外掛:
ionic plugin add cordova-plugin-app-version
然後通過以下程式碼即可獲取到APP的版本資訊

import { AppVersion } from 'ionic-native';

AppVersion.getAppName();
AppVersion.getPackageName();
AppVersion.getVersionCode();
AppVersion.getVersionNumber();

但是在ionic2中使用ionic-native之外的外掛的時候,如果按照我們ionic1中使用外掛的方法的話,比如我們在使用cordova-plugin-themeablebrowser 的時候使用到了

cordova.ThemeableBrowser.open()

會出現以下錯誤:

ReferenceError: cordova is not defined

再比如我們在使用極光推送jpush-phonegap-plugin外掛的時候會使用到
window.plugins.jPushPlugin.init();
同樣會出現以下錯誤:

Property 'plugins
' does not exist on type 'Window'.

這是因為在ionic2中使用到了typescript的原因,所以我們需要在使用前先定義。
使用cordova的時候需要在import之後@Component之前宣告cordova

declare let cordova:any;

然後再使用cordova.ThemeableBrowser.open()就不會報錯了。
使用window.plugins的時候需要使用以下方法:

(<any>window).plugins.jPushPlugin.init();