从离子项目中的打字稿调用JavaScript函数

时间:2018-07-13 09:32:19

标签: javascript java typescript cordova ionic-framework

我在离子项目中添加了一个插件,因此我具有如下的Java代码和JS代码:

placement

我想在我的Typescript代码中调用placement函数。 我试图这样导入文件:

left

cordova.define("cordova-sms-plugin.Sms", function(require, exports, module) {
'use strict';

var exec = require('cordova/exec');

var sms = {};

function convertPhoneToArray(phone) {
    if (typeof phone === 'string' && phone.indexOf(',') !== -1) {
        phone = phone.split(',');
    }
    if (Object.prototype.toString.call(phone) !== '[object Array]') {
        phone = [phone];
    }
    return phone;
}


sms.send = function(phone, message, filename, options, success, failure) {
    // parsing phone numbers
    phone = convertPhoneToArray(phone);

    // parsing options
    var replaceLineBreaks = false;
    var androidIntent = '';
    if (typeof options === 'string') { // ensuring backward compatibility
        window.console.warn('[DEPRECATED] Passing a string as a third argument is deprecated. Please refer to the documentation to pass the right parameter: https://github.com/cordova-sms/cordova-sms-plugin.');
        androidIntent = options;
    }
    else if (typeof options === 'object') {
        replaceLineBreaks = options.replaceLineBreaks || false;
        if (options.android && typeof options.android === 'object') {
            androidIntent = options.android.intent;
        }
    }

    // fire
    exec(
        success,
        failure,
        'Sms',
        'send', [phone, message, filename, androidIntent, replaceLineBreaks]
    );
};

sms.hasPermission = function(success, failure) {
    // fire
    exec(
        success,
        failure,
        'Sms',
        'has_permission', []
    );
};

module.exports = sms;
});

sms.send(...)

但没有任何效果,离子找不到import sms from '../../../plugins/cordova-sms-plugin/www/sms.js'; 功能,请您能帮我吗?

1 个答案:

答案 0 :(得分:0)

您的呼叫方式不正确。在您的ts文件中,无需导入js文件。

您可以使用全局范围变量直接调用,也可以为此插件接口创建.d.ts定义文件,并可以在.ts文件上导入。 确保正确安装了插件后,请按照以下步骤从cordova-sms-plugin文件中调用TS

第1步。。您可以使用JS variable来引用windows object,因此请在.ts文件中声明

declare var window: any;

步骤2。现在,您可以像window.sms.send

那样称呼它了。
 let phone: string;
//Set the value of phone
let message: string;
//Set the value of message
let options  = {
            "replaceLineBreaks: false"
            //
        };
 //Call the function
 window.sms.send(phone,message,options,(result: any) => {
            console.log("SuccessFully Done...");
        }, (err: any) => {
            console.log("An error has occuered :" + err.code);
        })

我还在GitHub上找到了一个示例项目,您可以参考以下代码来查看代码:

https://github.com/abritopach/ionic-receiver-sms