2016-06-21 63 views
8

在我的Ionic 2應用程序(TypeScript)中,我使用插件,例如ionic-native的Camera插件正常工作。現在我想用BackgroundMode pluginhttps://github.com/katzer/cordova-plugin-background-mode。 我閱讀了自述文件,我按照說明進行了安裝。在Typeonic中使用Ionic 2中的第三方cordova插件

在使用它說,該插件可以這樣使用:

cordova.plugins.backgroundMode.enable(); 

在我的IDE(凌動),當我鍵入,它說,它無法找到科爾多瓦。

我用Google搜索了很多關於科爾多瓦插件和離子2在某些情況下,他們使用 navigator.somePlugin.someFunction()但也不會爲我工作(如果我理解正確的window.navigator對象)。我做我的應用程序和Chrome設備檢查一個console.log表明這一點:

JSON.stringify(window.navigator, null, 2) 
{ 
    "app": {}, 
    "camera": { 
    "DestinationType": { 
     "DATA_URL": 0, 
     "FILE_URI": 1, 
     "NATIVE_URI": 2 
    }, 
    "EncodingType": { 
     "JPEG": 0, 
     "PNG": 1 
    }, 
    "MediaType": { 
     "PICTURE": 0, 
     "VIDEO": 1, 
     "ALLMEDIA": 2 
    }, 
    "PictureSourceType": { 
     "PHOTOLIBRARY": 0, 
     "CAMERA": 1, 
     "SAVEDPHOTOALBUM": 2 
    }, 
    "PopoverArrowDirection": { 
     "ARROW_UP": 1, 
     "ARROW_DOWN": 2, 
     "ARROW_LEFT": 4, 
     "ARROW_RIGHT": 8, 
     "ARROW_ANY": 15 
    }, 
    "Direction": { 
     "BACK": 0, 
     "FRONT": 1 
    } 
    }, 
    "splashscreen": {} 
} 

我的問題是:

我怎樣才能使離子2個TS使用BackgroundMode插件?我甚至不知道如何把它列入到我的項目...

回答

12

就像AGrandthere,你可以安裝它:

ionic plugin add cordova-plugin-background-mode 

然後包括進口後,這一行:

declare var cordova:any; 

而且使用它時,該平臺已準備就緒:

platform.ready().then(
    () => { 
     console.log("MyApp::constructor platform.ready"); 
     cordova.plugins.backgroundMode.setDefaults({ 
      title: 'My App Name', 
      text: 'Active in background...'); 
     cordova.plugins.backgroundMode.enable(); 
    } 
); 
+1

你能解釋更多信息,請W¯¯這裏應該去「聲明var cordova:任何」???我沒有得到它,既沒有下一個代碼「platform.ready().....」在此先感謝! –

相關問題