Onsen-UI 如何在 <ons-button> 内使用 ng-click 进行拨号答案

【问题标题】：Onsen-UI how to dial with ng-click inside <ons-button>Onsen-UI 如何在 <ons-button> 内使用 ng-click 进行拨号
【发布时间】：2015-06-10 22:03:26
【问题描述】：

我正在尝试在 iOS 和 Android 中使用 ng-click 制作一个 ons 按钮，以便在单击它时拨打一个号码。我使用 Cordova 框架。

我使用了以下但没有成功：

    <ons-button ng-click="window.open('tel: {{69000000}}', '_system')">Call</ons-button>
    <ons-button ng-click="window.location.href('tel: {{69000000}}', '_system')">Call 2</ons-button>

在 config.xml 我已经启用

    <access origin="tel:*" launch-external="yes" />

【问题讨论】：

这些函数与 AngularJS 无关，请改用 onclick 或从 Angular 控制器调用它们。

标签： angularjs html cordova onsen-ui

【解决方案1】：

我遇到了同样的问题，就我而言，我插入了一个简单的 href。例如，
<a href="tel:123456789">123456789</a>
希望这可以帮助！ :)

【讨论】：

【解决方案2】：

我实际上使用了很长时间的 href，但这会导致一堆 css 问题。我发现这个插件非常有助于将拨号器置于 ons 按钮中。

https://build.phonegap.com/plugins/328

在我的js中我有

$scope.dial = function(){

        phonedialer.dial(
                "9561234567", 
                 function(err) {
                 if (err == "empty") alert("Unknown phone number");
                 else alert("Dialer Error:" + err);    
                },
              function(success) { alert('Dialing succeeded'); }
             );
    }

在我的html中我有

<ons-button style="font-size: 24px;" modifier="large" ng-click="dial()">Phone</ons-button>

或者，您可以调整警报，或将它们全部删除。

【讨论】：

【解决方案3】：

我找到了打电话的方法，很简单！

 <ons-button style="font-size: 24px;" modifier="large"       onclick="window.open('tel: {{69000000}}', '_system')">Call</ons-button>

【讨论】：