Question

我有一个IONIC弹出窗口，请参阅链接中的下图。

当我点击按钮安排优惠券时，我有一个问题，它会将我重定向到下一个屏幕。这很好。但弹出窗口并没有隐藏。请帮帮我。

感谢。

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

您似乎忘了添加图片了。但是，Ionic Popup服务允许以编程方式创建，显示和关闭弹出窗口。如果您有一个像这样定义的弹出窗口，

>>> from bs4 import BeautifulSoup
>>> content = """
... <tr>
...     <td style="text-align:center;" height="30">12090043</td>
...     <td style="text-align:left;">CourseA</td>
...     <td style="text-align:center;">3</td>
...     <td style="text-align:left;">86</td><td>2013-Summer</td>
... </tr>
... 
... <tr>
...     <td style="text-align:center;" height="30">10420844</td>
...     <td style="text-align:left;">CourseB</td>
...     <td style="text-align:center;">4</td>
...     <td style="text-align:left;">98</td><td>2013-Autumn</td>
... </tr>
... """
>>> 
>>> soup = BeautifulSoup(content, "html.parser")
>>> [i.get_text(' ').split() for i in soup.find_all('tr')]
[['12090043', 'CourseA', '3', '86', '2013-Summer'], ['10420844', 'CourseB', '4', '98', '2013-Autumn']]

你可以像这样关闭它

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;
      }
    }
  }
]
});

自定义离子框架弹出窗口

1 个答案: