Ionic popup not closing when i select an option - popup

Question

The popup with a list edit is showing when a button clicked.When click on a item in list,an model opens.I need to close the popup when model opens but it doesn't working.
$scope.showPopup = function() {
$scope.data = {}
$scope.myPopup = $ionicPopup.show({
template: '<div class="list padding" ng-click="edit()">Edit</div>',
cssClass: 'custom-class',
scope: $scope,
});
};
$scope.hidePopup = function() {
$scope.myPopup.close();
}
$ionicModal.fromTemplateUrl('templates/modal.html', {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});
$scope.openModal = function() {
$scope.hidePopup();
$scope.modal.show()
}
$scope.closeModal = function() {
$scope.modal.hide()
}
$scope.edit = function() {
console.log(56646);
$scope.hidePopup();
$scope.openModal();
};
$scope.update = function(item) {
$scope.closeModal
console.log(item);
}
please help me?

Answer 1

You need to use $timeout while opening the model.
$scope.showPopup = function() {
$scope.data = {}
$scope.myPopup = $ionicPopup.show({
template: '<div class="list padding" ng-click="edit()">Edit</div>',
cssClass: 'custom-class',
scope: $scope,
});
};
$scope.hidePopup = function() {
$scope.myPopup.close();
}
$ionicModal.fromTemplateUrl('templates/modal.html', {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});
$scope.openModal = function() {
$scope.hidePopup();
$scope.modal.show()
}
$scope.closeModal = function() {
$scope.modal.hide()
}
$scope.edit = function() {
console.log(56646);
$scope.hidePopup();
$timeout(function(){
$scope.openModal();
})
};
$scope.update = function(item) {
$scope.closeModal
console.log(item);
}