2015-09-10 3 views
0

Я создал ионное приложение, в котором всплывающее окно открывается, чтобы попросить пользователя оценить это приложение, если он ранее не оценил это приложение. Ионное всплывающее окно отображается правильно, но моя проблема заключается в том, что пользователю нужно дважды щелкнуть/коснуться кнопки отмены, чтобы закрыть всплывающее окно, а иногда нажмите/коснуться не работает.ionic popup close не работает

Мой код приведен ниже:

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

})(); 

Как я могу решить эту проблему ??

+0

Где вы тестирования приложение? Какую версию рамки вы используете? – LeftyX

+0

Я тестирую свое приложение на эмуляторе Android и ионной версии 1.6.4 – sabbir

+0

Откуда возникает эта переменная $ scope? Предполагается, что это чистая $ scope (следовательно, вложенная функция()?) –

ответ

2

вы можете попробовать это один

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(); 
    }) 
+0

спасибо за ответ, но когда я пытаюсь показать всплывающее окно с переключателем, его не работает, не знаю, какое решение для него – Pritish

+0

case 'false': $ ionicPopup.show ({title: 'Invalid Passcode!', Template: 'Пожалуйста, введите действительный Passcode. ', Scope: $ scope, buttons: [{text:' Ok ', введите:' button-positive ', onTap: function (e) {}}]}); для корпуса выключателя не работает – Pritish

1

Пожалуйста, посмотрите на 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(); 

этот код работает, я просто добавил функцию для вызова всплывающего окна, когда правая верхняя кнопка нажата.

Я надеюсь, что это решит вашу проблему!

+0

Работа с кликами работает, но мне нужно автоматически загрузить всплывающее окно – sabbir

+0

Затем, после инициализации функции, вызовите $ scope.openPopup(); Я добавил его в кодировку –

+0

спасибо за ответ, но когда я попытаюсь показать всплывающее окно в корпусе коммутатора, его не работает, не знаю, какое решение для него – Pritish