首页 文章

如何在离子2中使用非原生cordova插件

提问于
浏览
3

我想在Ionic v2 App中使用这个cordova插件https://github.com/honza889/cordova-plugin-kiosk .

基本上在使用 cordova plugin add https://github.com/honza889/cordova-plugin-kiosk.git 在cordova中安装插件后,该插件已启用并正常工作 .

但我找不到使用插件方法的方法 .

window.plugins 未定义

cordova 未定义 .

我试图在app.component.ts中导入插件,但我找不到正确的路径 .

有没有人知道在Ionic V2应用程序中使用非本机插件的方法(文档和资源已过时或引用本机插件) .

提前致谢

2 回答

  • 3

    您应该能够简单地访问代码中的 KioskPlugin 变量 . typescript编译器不会知道该变量,因此您必须先声明它:

    declare let KioskPlugin: any;
    
    @Component({
      ...
    })
    export class TestPage {
    
      ...
    
      exitKiosk() {
        KioskPlugin.exitKiosk();
      }
    }
    
  • 8

    我有一个类似的问题试图访问自定义插件,我终于解决了这篇文章:https://github.com/ionic-team/ionic-native/issues/525

    添加 declare var cordova: any; 而不是我的自定义插件var,并通过 cordova.plugins.myCustomPlugin.myFunction() 调用就可以了 .

    实际上,取决于您要使用的插件的plugin.xml文件中的设置 . 更具体地说, <clobbers target="variable.MyCustomPlugin" /> 标签确定了插件js文件的导出位置 . 例如,另一个可能性是 declare var window: any; 然后 window.myCustomPlugin.myFunction()

    希望能帮助到你 ;)

相关问题