自定义离子框架弹出窗口

Question

I have an IONIC popup, See image below in the link.

I have an issue when i click on the buttons Arrange Coupon, It redirect me to the next screen. It is fine.But the popup doesn't hide. Please help me.

Thanks.

http://awesomescreenshot.com/0e55lzsl39

var myPopup;
$scope.showPopup = function() {
 myPopup = $ionicPopup.show({

    template: '<a class="button button-block button-energized" href="#/redeem">Arrange Coupon</a> <a class="button button-block button-balanced">Add Coupon</a> ',

    title: 'Coupon Management',

    buttons: [{

       text: '<b>OK</b>',

       type: 'button button-small button-positive',

       onTap: function(e) {

       }

    }, ]

 });
 myPopup.then(function(res) {
    if (res) {

          console.log(res);
    }
    else{
      alert('here');
    }

 });

};

Answer 1

Looks like you forgot to add the image. However, The Ionic Popup service allows programmatically creating, showing and closing popup. If you have a popup defined like this,

var myPopup = $ionicPopup.show({
template: '<input type="password" ng-model="data.wifi">',
title: 'Enter Wi-Fi Password',
subTitle: 'Please use normal things',
scope: $scope,
buttons: [
  { text: 'Cancel' },
  {
    text: '<b>Save</b>',
    type: 'button-positive',
    onTap: function(e) {
      if (!$scope.data.wifi) {
        //don't allow the user to close unless he enters wifi password
        e.preventDefault();
      } else {
        return $scope.data.wifi;
      }
    }
  }
]
});

You can close it like this

myPopup.close();