離子彈出關閉不起作用

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

此代碼的工作，我只是增加了一個函數來調用彈出點擊右上角的按鈕時。

我希望它能解決您的問題！