在cordova插件与angular之间传递数据

// 在Angular组件中调用Cordova插件
let deviceInfo = cordova.plugins.Device.getInfo();
console.log(deviceInfo);

// 使用回调函数
cordova.plugins.Camera.getPicture(function(imageData) {
    console.log(imageData);
}, function(error) {
    console.error(error);
});

// 使用Promise
cordova.plugins.Camera.getPicture()
    .then(imageData => {
        console.log(imageData);
    })
    .catch(error => {
        console.error(error);
    });

// MyCustomPlugin.js
window.MyCustomPlugin = {
    getData: function(successCallback, errorCallback) {
        // 模拟异步操作
        setTimeout(() => {
            successCallback({ data: 'some data' });
        }, 1000);
    }
};

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

@Component({
    selector: 'app-my-component',
    template: `<div>{{ data | json }}</div>`
})
export class MyComponent implements OnInit {
    data: any;

    ngOnInit() {
        this.loadData();
    }

    loadData() {
        window.MyCustomPlugin.getData(
            (result) => {
                this.data = result;
            },
            (error) => {
                console.error('Error fetching data', error);
            }
        );
    }
}