İyonik açılır pencere arka plana tıklandığında nasıl açılır

Question

İyonikteki kağıt üzerine tıkladığımda pop-up'ımı nasıl yakınlaştırabilirim? Bu benim kodum. İyonik ve açısal j'ler için yeni. Aşağıdaki kod, bir açılır pencereyi açmama izin veriyor ve düğmelere tıkladığımda açılan pencereyi kapattım. Arka plana tıkladığımda, beni ana sayfaya götürmesi gerektiği gibi yapmak istiyorum.

$scope.showPopup = function() { 
    $scope.data = {} 
// An elaborate, custom popup 
var myPopup = $ionicPopup.show({ 

title: 'Social Media Services', 

scope: $scope, 
buttons: [ 
{ 
type :'ion-social-facebook positive button-large', 

    onTap: function(e) { 
    // $cordovaSpinnerDialog.show("aaa", "aaaa"); 
     window.open('https://www.facebook.com/BinDawood.Co', '_system', 'location=yes'); 
    } 
    }, 
    { type :'ion-social-twitter calm', 
    onTap: function(e) { 
    // $cordovaSpinnerDialog.show("aaa", "aaaa"); 
     window.open('https://twitter.com/BinDawoodco', '_system', 'location=yes'); 
    } 
    }, 
    { type :'ion-social-pinterest assertive', 
    onTap: function(e) { 
    // $cordovaSpinnerDialog.show("aaa", "aaaa"); 
     window.open('http://pinterest.com/bindawoodco', '_system', 'location=yes'); 
    } 
    }, 

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

}; 

Bunu yapmak için kodumu nasıl değiştirebilirim?

Answer 1

Arka plana dokunarak kullanıcı arayüzünü kapatmak isterseniz, açılır pencerenin yerine kalıcı modunu kullanın. Umut, bu sizin sorununuzu çözer.

http://ionicframework.com/docs/api/service/ $ ionicModal/

Answer 2

Bazen kalıcı bizim istediğimiz değil. Bir modal, tüm ekranları mobil ekranlara taşıyacaktır. Ben hazır, bu özelliği isteyeyim insanlar için İşleri kolaylaştırmak için https://github.com/mvidailhet/ionic-close-popup

:

Yani Github kullanılabilir arka plan üzerinde tıklayarak bir açılır pencereyi kapatmak için muktedir bir hizmeti yaptı ve yapılan bower kayıt defterinde.

Bower ile yükleyin:

angular.module('app', ['ionic', 'ionic.closePopup']) 

closePopupService hizmetine yeni oluşturulan pop-up Kayıt:

var alertPopup = $ionicPopup.alert({ 
    title: 'Alert popup', 
    template: 'Tap outside it to close it' 
}); 
IonicClosePopupService.register(alertPopup); 

$ bower install ionic-close-popup 

ionic.closePopup uygulamanızın bağımlılıkları modülü dahil

İşte bir canlı kod gösteren bir Codepen: http://codepen.io/mvidailhet/pen/JYwYEE