【问题标题】:Ionic CallNumber Native Cordova plugin not working - Ionic 3, Angular 4Ionic CallNumber Native Cordova 插件不起作用 - Ionic 3,Angular 4
【发布时间】:2018-04-10 05:55:54
【问题描述】:

我知道 Stackoverflow、离子论坛和其他地方提供的解决方案。但是当我在 Android 和 IOS 上测试时,这些都不适合我。

https://ionicframework.com/docs/native/call-number/

让我告诉你我遵循的确切步骤:

1) ionic cordova 插件添加电话号码

2) npm install --save @ionic-native/call-number

3)在app.module.ts中添加importimport { CallNumber } from '@ionic-native/call-number';

4) 添加提供者CallNumber

5) 最后,

import { CallNumber } from '@ionic-native/call-number';

constructor(private callNumber: CallNumber) { }

...


this.callNumber.callNumber("18001010101", true)
  .then(() => console.log('Launched dialer!'))
  .catch(() => console.log('Error launching dialer'));

我什至尝试过使用异步和承诺:

  async telephoneCall(): Promise<any>{
    try{
      await this.callNumber.callNumber(String('18001010101'), true);
    }catch(e){
      console.log("User Error: "+ e);
    }
  }

以上解决方案均未在编译时或运行时引发错误。我不确定出了什么问题。我正在使用 Ionic 3 和 Angular 4,有人知道这个版本的框架的解决方案吗?

更新

{
    "name": "App Name",
    "version": "0.0.1",
    "author": "Murlidhar Fichadia",
    "homepage": "#",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "lint": "ionic-app-scripts lint",
        "ionic:build": "ionic-app-scripts build",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/common": "4.4.3",
        "@angular/compiler": "4.4.3",
        "@angular/compiler-cli": "4.4.3",
        "@angular/core": "4.4.3",
        "@angular/forms": "4.4.3",
        "@angular/http": "4.4.3",
        "@angular/platform-browser": "4.4.3",
        "@angular/platform-browser-dynamic": "4.4.3",
        "@ionic-native/call-number": "^4.3.2",
        "@ionic-native/core": "4.3.2",
        "@ionic-native/google-maps": "^4.3.2",
        "@ionic-native/splash-screen": "4.3.2",
        "@ionic-native/status-bar": "4.3.2",
        "@ionic/storage": "2.0.1",
        "call-number": "^1.0.1",
        "cordova-plugin-googlemaps": "^2.0.11",
        "ionic-angular": "3.7.1",
        "ionicons": "3.0.0",
        "rxjs": "5.4.3",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.18"
    },
    "devDependencies": {
        "@ionic/app-scripts": "3.0.1",
        "typescript": "2.3.4"
    },
    "description": "App Description",
    "cordova": {
        "plugins": {
            "mx.ferreyra.callnumber": {},
            "cordova-plugin-googlemaps": {}
        }
    }
}

【问题讨论】:

  • 你使用的是设备还是模拟器?
  • 你能显示package.json文件吗?
  • @Sampath 我正在使用设备 iphone 7 和 Htc m10+
  • @Sampath 我已经添加了 package.json 文件

标签: angular cordova ionic-framework ionic3


【解决方案1】:

我只需使用它就可以工作

<a href="tel:+1234567890">CALL</a>

只要确保您在 config.xml 文件中有以下代码

<allow-intent href="tel:*" />

在默认浏览器或电子邮件应用程序或短信应用程序中打开链接的其他可能支持的 href:

<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />

【讨论】:

  • 这对我在ios (Ionic v3) 上不起作用。在 Android 上运行正常
【解决方案2】:

我给那些还在寻找的人留下一个答案。

首先参考这个离子页面。

[链接]https://ionicframework.com/docs/native/call-number/[a链接]

如果你决定升级你的 Angular 版本,你会遇到不兼容的问题,这将花费你很多时间,否则如果你遇到类型编译问题,请寻找以前版本的 API isCallSupported() 属性未找到 ....

【讨论】:

    【解决方案3】:

    删除 mx.ferreyra.callnumber 并替换为“call-number”已知是一种临时修复

    {
        "name": "App Name",
        "version": "0.0.1",
        "author": "Murlidhar Fichadia",
        "homepage": "#",
        "private": true,
        "scripts": {
            "clean": "ionic-app-scripts clean",
            "build": "ionic-app-scripts build",
            "lint": "ionic-app-scripts lint",
            "ionic:build": "ionic-app-scripts build",
            "ionic:serve": "ionic-app-scripts serve"
        },
        "dependencies": {
            "@angular/common": "4.4.3",
            "@angular/compiler": "4.4.3",
            "@angular/compiler-cli": "4.4.3",
            "@angular/core": "4.4.3",
            "@angular/forms": "4.4.3",
            "@angular/http": "4.4.3",
            "@angular/platform-browser": "4.4.3",
            "@angular/platform-browser-dynamic": "4.4.3",
            "@ionic-native/call-number": "^4.3.2",
            "@ionic-native/core": "4.3.2",
            "@ionic-native/google-maps": "^4.3.2",
            "@ionic-native/splash-screen": "4.3.2",
            "@ionic-native/status-bar": "4.3.2",
            "@ionic/storage": "2.0.1",
            "call-number": "^1.0.1",
            "cordova-plugin-googlemaps": "^2.0.11",
            "ionic-angular": "3.7.1",
            "ionicons": "3.0.0",
            "rxjs": "5.4.3",
            "sw-toolbox": "3.6.0",
            "zone.js": "0.8.18"
        },
        "devDependencies": {
            "@ionic/app-scripts": "3.0.1",
            "typescript": "2.3.4"
        },
        "description": "App Description",
        "cordova": {
            "plugins": {
                "call-number": {},
                "cordova-plugin-googlemaps": {}
            }
        }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-26
      • 2017-11-12
      • 1970-01-01
      • 2018-02-19
      • 1970-01-01
      • 1970-01-01
      • 2019-01-08
      • 1970-01-01
      相关资源
      最近更新 更多