2017-04-04 2 views
0

Ich habe eine funktionierende ionicPopup, die auf ein Zeitlimit schließt. Ist es möglich, es bei einem einfachen/doppelten Tippen auf eine beliebige Stelle auf dem Bildschirm zu schließen? Ich weiß, dass ich einen Knopf in der Nähe einstellen kann, aber das ist nicht wirklich das, was ich brauche. Ich brauche eine einfache Ablehnungsmethode und einen Tipp auf den Bildschirm, den ich für praktischer halte.ionicPopup schließen auf Abgriff

Code:

var errorPopup = $ionicPopup.show({ 
    scope: $scope, 
    title: 'Unexpected Error', 
    templateUrl: 'error.html' 
    }); 

    $timeout(function() { 
    errorPopup.close(); 
    }, 3000); 
} 

Und noch eine Frage habe ich eine Reihe von Hyper-Link-Tags in meinem HTML-Code. Aber wenn ich meine App leite, wird ein 1px-Rand um jeden Hyperlink gelegt. Ist es möglich, den "" Tag-Rand irgendwie zu entfernen? Ich weiß, dass es eine CSS-Sache sein sollte, aber ich möchte den ursprünglichen ionischen Stil nicht ändern, würde es aber vorziehen, dieses Segment durch ein anderes zu ersetzen. Irgendwelche Gurus da draußen können helfen?

Lösung: (Link)

<div class="col text-center"> 
    <a class="item dash-link" id="link" href="#" onclick="window.open('http://www.example.com', '_blank', 'location=no'); return false;"> 
    <img ng-src="img/icons/example.png" height="80" width="80"></a> 
    <br> 
    GMail 
</div> 

CSS:

#link { 
    text-decoration:none; 
    border:0; 
    outline:none; 
} 

Antwort

0

This is a service dieses Verhalten zu erreichen.

mit Bower

$ bower install ionic-close-popup 

Fügen Sie die ionic.closePopup Modul in Ihrer App Abhängigkeiten installieren

es installieren:

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

Nutzungs

Registrieren Sie Ihr neu erstelltes Popup im Dienst closePopupService:

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