使用 Plugman 创建 Ionic 插件

我是 Ionic 和 Cordova 的新手。我需要使用 Cordova 创建一个 ionic 插件并将其集成到示例 ionic 应用程序中。

我遵循的步骤是：

使用plugman创建一个简单的离子插件

plugman create --name SayHello --plugin_id cordova-plugin-sayhello -plugin_version 0.0.1

为上述插件添加了android平台。

cd SayHello/ && plugman platform add --platform_name android

现在我想将此插件集成到我的离子应用程序中。

ionic cordova plugin add ../SayHello

在 Home.ts 内的离子应用程序中，我编写了这段代码。

declare var cordova: any;
var success = function(result) {
  console.log(result);
}
var failure = function(err) {
  console.log(err);
}
cordova.plugins.HelloWorld.coolMethod("SayHelloTest", success, failure);

问题是我无法从离子应用程序中的成功或失败中调用任何函数。

就像我从成功中调用函数 doSomething 一样：

var success = function(result) {
   doSomething(result);
}

它显示错误 doSomething 函数未找到。它只能在控制台中打印。

您需要创建 success 作为类函数，并将其作为绑定函数发送或调用内部箭头。

declare var cordova:any;

class HomePage{
    //constructor etc...
    doSomething(res:any){
    }

    success(result){
        this.doSomething(result);
    }
    failure(err){}
    //..
    //call
    callCordovaFunction(){
        cordova.plugins.HelloWorld.coolMethod("SayHelloTest", this.success.bind(this), this.failure.bind(this));
    //or
        cordova.plugins.HelloWorld.coolMethod("SayHelloTest", (res)=>this.success(res),(err)=>this.failure(err));    
    }
}