0

我只在我的机器上创建了新的 Cordova 插件。然后我将它添加到我的项目中。当我调用该插件时它工作正常。现在，我尝试为我的插件创建一个结构化的调用者。我为它创建了一个 Provider，但问题是我不知道如何从我的 Controller 类中调用我的插件函数。下面是我的示例代码。

提供者：my-service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

declare let myPlugin: any;

@Injectable()
export class MyService {

  constructor(public http: Http) {
    console.log('Hello MyService Provider');
  }

  public myFunction() {
    myPlugin.myPluginFunction(
      (data) => {
        return data;
      },

      (err) => {
        return err;
      });
  }
}

页面：my-page.ts

import { Component } from '@angular/core';
import { NavController, ViewController } from 'ionic-angular';

import { MyService } from '../../providers/my-service';

@Component({
  selector: 'page-my-page-ionic',
  templateUrl: 'hello-ionic.html'
})
export class MyPage {
  constructor(private viewCtrl: ViewController, private myService: MyService) {}

  ionViewWillEnter() {

    //I tried to call like this
    this.myService.myFunction().subscribe(
      data => {
        alert("success");
      },
      error => {
        alert("error");
      });
  }
}

它返回给我这个错误 -Property 'subscribe' does not exist on type 'void'.我不知道如何调用该函数，因为我的提供者返回给我success或error.

4

1 回答 1

2

我认为由于您myFunction()没有返回任何可观察的内容，因此您无法订阅它。它只是直接返回数据。

在这种情况下，您可以像这样使用它：

var data = this.myService.myFunction();
console.log("Data from plugin is :", data);

如果您想将其用作 Observable，请返回一个新的 observable，如下所示：

public myFunction() {
    return Observable.create(observer => {
        myPlugin.myPluginFunction(
        (data) => {
            observer.next(data);
        },
        (err) => {
            observer.next(data);
        });
    },
    (err) => {
        observer.error(err);
    });
}
于 2017-02-17T06:15:24.533 回答