当前位置 : 主页 > 手机开发 > cordova >

角度 – 使用TypeScript中的Ionic 2中的第三方cordova插件

来源:互联网 收集:自由互联 发布时间:2021-06-10
在我的Ionic 2应用程序(TypeScript)中,我使用插件,例如来自离子原生的Camera插件,它工作正常.现在我想使用BackgroundMode插件: https:// github.com/katzer/cordova-plugin-background-mode. 我阅读了README,我按
在我的Ionic 2应用程序(TypeScript)中,我使用插件,例如来自离子原生的Camera插件,它工作正常.现在我想使用BackgroundMode插件:
https:// github.com/katzer/cordova-plugin-background-mode.
我阅读了README,我按照描述进行了安装.

在Usage下,它说插件可以像这样使用:

cordova.plugins.backgroundMode.enable();

在我的IDE(Atom)中,当我键入它时,它说它无法找到cordova.

我搜索了很多关于cordova插件和Ionic 2的信息,在某些情况下他们使用了
navigator.somePlugin.someFunction()(如果我理解正确,则为window.navigator对象),但这对我也不起作用.我在我的应用程序中执行了console.log,并且chrome设备检查器显示了以下内容:

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": {}
}

我的问题是:

如何在ionic 2 TS中使用BackgroundMode插件?我甚至不知道如何将它包含在我的项目中……

就像 AGrandt说 here一样,你可以安装它:

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();
    }
);
网友评论