Phonegap Plugin Push notification stays in tray when clicked on iOS - ios

Question

I built a phonegap application which receives push notifications. When I run the application on Android, everything works perfectly, but when I run it on iOS, the push notifications stay in the notification tray after clicking them.
I am using Phonegap Push Plugin for the Phonegap application and I'm using PushSharp for sending the notification. This is my code:
var push = PushNotification.init({
"android": { "senderID": "XXXXXXXX", "icon":"pushicon" },
"ios": { "alert": "true", "badge": "true", "sound": "true"},
"windows": {}
});
push.on('registration', function(data) {
var deviceInfo = {
notificationId: data.registrationId,
phonePlatform: device.platform,
phoneVersion: device.version,
phoneModel: device.model
}
info = $.extend(info, deviceInfo);
localStorageService.setDeviceInfo(info);
});
push.on('notification', function (data) {
alert(data.additionalData.title);
});
push.on('error', function(e) {
console.log('Something went wrong: ' + e.message);
});
I've also tried calling push.finish(), but it makes no difference.
Does anybody know how I can make sure a notification on the notification tray dissapears after clicking on it?
Specs
Device: iPod Touch with iOS 7.0.4
Plugin: Phonegap plugin push

Answer 1

On iOS 8 and greater, when you tap the push it will be deleted from notification center, but on iOS 7 and older it doesn't work that way.
If you want to delete the push notification from notification center you'll have to set the badge to 0.
push.setApplicationIconBadgeNumber(function() {
console.log('success');
}, function() {
console.log('error');
}, 0);
If it doesn't work you can try to set it to a greater number first and then to 0
push.setApplicationIconBadgeNumber(function() {
push.setApplicationIconBadgeNumber(function() {
console.log('success');
}, function() {
console.log('error');
}, 0);
}, function() {
console.log('error');
}, 2);
Latest version of the plugin also has a clearAllNotifications method:
push.clearAllNotifications(function() {
console.log('success');
}, function() {
console.log('error');
});
Or you can also pass the clearBadge option to the init method
var push = PushNotification.init({
"android": { "senderID": "XXXXXXXX", "icon":"pushicon" },
"ios": { "alert": "true", "badge": "true", "sound": "true", clearBadge: "true" },
"windows": {}
});