无法将Cordova插件返回值分配给Ionic2中的视图

import { Component } from '@angular/core';
import { YourCordovaPlugin } from 'your-cordova-plugin';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(private yourCordovaPlugin: YourCordovaPlugin) {}

  getDataFromPlugin() {
    return new Promise((resolve, reject) => {
      this.yourCordovaPlugin.getData((data) => {
        resolve(data);
      }, (error) => {
        reject(error);
      });
    });
  }
}

<ion-content>
  <ion-button (click)="getData()">获取数据</ion-button>
  <ion-label>{{ pluginData }}</ion-label>
</ion-content>

import { Component } from '@angular/core';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  pluginData: any;

  constructor(private yourCordovaPlugin: YourCordovaPlugin) {}

  async getData() {
    try {
      this.pluginData = await this.getDataFromPlugin();
    } catch (error) {
      console.error(error);
    }
  }

  getDataFromPlugin() {
    return new Promise((resolve, reject) => {
      this.yourCordovaPlugin.getData((data) => {
        resolve(data);
      }, (error) => {
        reject(error);
      });
    });
  }
}