logo标签列表

Cordova中的CallLog访问插件无法正常工作。

androidangularjscordova
10

你好，我正在使用Cordova开发混合应用程序。 我正在尝试使用CallLog插件访问Android手机中最后一个未接来电记录。这是我的尝试：

1.I installed the plugin with this command cordova plugin add https://github.com/dalyc/Cordova-CallLog-Plugin.git.
2.I am using angularJS.I have this app.js.

var app=angular.module('lmp', ['ngCordova']);
     app.controller('lmpctrl',['$scope', 'CallLogService', function($scope, CallLogService){
        $scope.data = {};
                $scope.callTypeDisplay = function(type) {
                    switch(type) {
                        case 1:
                            return 'Incoming';
                        case 2:
                            return 'Outgoing';
                        case 3:
                            return 'Missed';
                        default:
                            return 'Unknown';
                    }};

                CallLogService.list(1).then(
                    function(callLog) {
                        console.log(callLog);
                        $scope.data.lastCall = callLog[0];
                    },
                    function(error) {
                        console.error(error);
                    });
            }]);

     app.factory('CallLogService', ['$q', function($q) {
            return {
                list : function(days) {
                    var q = $q.defer();
                    // days is how many days back to go
                    window.plugins.calllog.list(days, function (response) {
                        q.resolve(response.rows);
                    }, function (error) {
                        q.reject(error)
                    });
                    return q.promise;
                },

                contact : function(phoneNumber) {
                    var q = $q.defer();
                    window.plugins.calllog.contact(phoneNumber, function (response) {
                        q.resolve(response);
                    }, function (error) {
                        q.reject(error)
                    });
                    return q.promise;
                },

                show : function(phoneNumber) {
                    var q = $q.defer();
                    window.plugins.calllog.show(phoneNumber, function (response) {
                        q.resolve(response);
                    }, function (error) {
                        q.reject(error)
                    });
                    return q.promise;
                },

                delete : function(phoneNumber) {
                    var q = $q.defer();
                    window.plugins.calllog.delete(id, function (response) {
                        q.resolve(response);
                    }, function (error) {
                        q.reject(error)
                    });
                    return q.promise;
                }
            }
        }]);

3.This is my index.html.

<body ng-app="lmp">
        <div ng-controller="lmpctrl">

            <div class="row">
                <div class="col">Last Call</div>
            </div>
            <div class="row">
                <div class="col col-30 col-offset-10">Name</div>
                <div class="col">{{data.lastCall.cachedName}}</div>
            </div>
            <div class="row">
                <div class="col col-30 col-offset-10">Number</div>
                <div class="col">{{data.lastCall.number}}</div>
            </div>
            <div class="row">
                <div class="col col-30 col-offset-10">Type</div>
                <div class="col">{{callTypeDisplay(data.lastCall.type)}}</div>
            </div>
            <div class="row">
                <div class="col col-30 col-offset-10">Date</div>
                <div class="col">{{data.lastCall.date | date}}</div>
            </div>
            <div class="row">
                <div class="col col-30 col-offset-10">Duration</div>
                <div class="col">{{data.lastCall.duration}} seconds</div>
            </div>
            <div class="row">
                <div class="col col-30 col-offset-10">Acknowledged</div>
                <div class="col">{{(data.lastCall.new == 1 ? 'yes' : 'no')}}</div>
            </div>

        </div>
        <script src="js/angular.min.js"></script>
          <script src="js/app.js"></script>
        <script src="js/ng-cordova.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>

4.I added this following code in my config.xml
<feature name="CallLog">
                <param name="android-package" value="com.ubookr.plugins.CallLogPlugin"/>
            </feature>

我是不是漏掉了什么或者错了。能否有人帮忙解答一下，谢谢。

控制台有任何错误吗，Sundar？ - Sa E Chowdary
@在哪一行？我的意思是在控制器还是工厂里？ - Sa E Chowdary
不好意思，如果这很愚蠢......你将calllog作为参数传递给函数......你从哪里获取这个calllog？ - Sa E Chowdary
让我们在聊天中继续这个讨论。 - Sa E Chowdary
嗨，桑达尔。你还在遇到这个问题吗？你尝试过我的解决方案或者找到了其他更好的方法吗？问候，阿尔瓦罗。 - Alvaro Vazquez
显示剩余3条评论
1个回答
3
似乎window.plugins未定义。为避免这种情况，我手动在DeviceReady事件上引导AngularJS，而不是使用ng-app指令，如Cordova + Angularjs + Device Ready所解释的。
为此，请从<body>元素中删除ng-app指令，并将以下JavaScript代码放置在app.js脚本的顶部：
document.addEventListener('deviceready', function() {
    var body = document.querySelector('body');
    angular.bootstrap(body, ['lmp']);
}, false);

这将等待设备准备好引导Angular，确保在使用设备服务之前所有设备服务都可用。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接