离子弹出关闭不起作用

Question

我创建了一个离子应用程序，其中弹出窗口打开，要求用户评价这个应用程序，如果他以前没有评价这个应用程序。离子弹出显示正确，但我的问题是，用户必须点击/点击取消按钮两次关闭弹出式窗口，有时点击/点击不起作用。

我的代码如下：

(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

请看看我为你所做的codepen：

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(); 

此代码的工作，我只是增加了一个函数来调用弹出点击右上角的按钮时。

我希望它能解决您的问题！