How to hide a ionic modal that shows a list after selecting a value?

Question

I have a ion-view that shows a list of items in a modal. I want to dismiss the modal once I select an item. I have associated the modal template with a controller using an ng-controller attribute.

How do I dismiss the modal form inside the controller where I will be getting click events ?

Answer 1

If you are using multiple modals, give different names to scope variables..

$ionicModal.
    fromTemplateUrl('example.html', {
        scope: $scope,
        animation: 'slide-in-up'  }).
    then(function(modal) {
        $scope.exmapleModal = modal;
        $scope.exmapleModal.show();
        $scope.closeExample = function() {
            $scope.exmapleModal.hide();
            $scope.exmapleModal.remove();
        };
    });

Close the modal the same name as $scope.closeExample();

Answer 2

try like this

$scope.modal.hide();