离子弹出关闭不起作用

Question

我创建了一个 ionic 应用程序，在该应用程序中会打开一个弹出窗口，让用户在之前未评价此应用程序的情况下要求用户评价此应用程序。离子弹出窗口正确显示，但我的问题是，用户必须点击/点击取消按钮两次才能关闭弹出窗口，有时点击/点击不起作用。

我的代码如下：

 (function() {

      $scope.data = {}

      var myPopup = $ionicPopup.show({
        template: '<input type="range" ng-model="data.user_ratting">',
        title: 'Do you want to rate this app?',
        scope: $scope,
        buttons: [
          { text: 'Cancel' },
          {
            text: '<b>Save</b>',
            type: 'button-positive',
            onTap: function(e) {

             }
          }
       ]
  });

    myPopup.then(function(res) {
      console.log('Tapped!', res);
    });

 })();

我该如何解决这个问题？？

Answer 1

你能试试这个吗

var popup = $ionicPopup.show({
    title: 'Enter Wi-Fi Password',
    subTitle: 'Please use normal things',
    scope: $scope,
    buttons: [
              { text: 'ready',  onTap: function(e) {
                  console.log(e);
                  return true; 
                } 
           }
             ]
  }).then(function(result){
    console.log('Tapped', result);
  }, function(error){
    console.log('error', error);
  }, function(popup){
    popup.close();
  })

Answer 2

请看看我为你做的代码笔：

http://codepen.io/privetr/pen/QjjyMB

$scope.openPopup = function() {
  var myPopup = $ionicPopup.show({
    template: '<input type="range" ng-model="data.user_ratting">',
    title: 'Do you want to rate this app?',
    scope: $scope,
    buttons: [
      { text: 'Cancel' },
      {
        text: '<b>Save</b>',
        type: 'button-positive',
        onTap: function(e) {

         }
      }
   ]
});

myPopup.then(function(res) {
  console.log('Tapped!', res);
});
}

// To automatically open the popup
$scope.openPopup();

此代码有效，我只是添加了一个函数，用于在单击右上角按钮时调用 Popup。

希望能解决你的问题！