[英]CallLog access plugin in cordova is not working
嗨,我正在使用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>
我錯過了什么,或者我錯了。 有人可以幫助我。提前謝謝。
似乎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);
這將等到設備准備好引導角度,確保在使用之前所有設備服務都可用。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.