Come rimuovere l'area del titolo da ionicPopup

Question

Voglio rimuovere completamente l'area del titolo dal popup ionico. Ho rimosso il tag del titolo e ho provato. ma ancora può vedere lo spazio del titolo visibile. Ecco il mio codice.

var registerPopup = $ionicPopup.show({ 

     templateUrl: 'templates/register_popup.html', 

     scope: $scope 

    }); 

Anche se rimuovere completamente il tag title, l'area del titolo è ancora visibile con uno spazio vuoto, come mostrato nell'immagine qui sotto. Voglio rimuovere l'intero spazio del titolo da ionicPopup. Come posso averlo? quali modifiche devono essere apportate nel codice?

Answer 1

È perché il titolo è avvolto all'interno .popup-head che prende lo spazio.

Innanzitutto aggiungere un valore di custom-class a cssClass proprietà nell'oggetto Popup.

var registerPopup = $ionicPopup.show({ 

    templateUrl: 'templates/register_popup.html', 
    cssClass: 'custom-class', // Add 
    scope: $scope 

}); 

È possibile nasconderlo utilizzando CSS personalizzato.

.custom-class .popup-head { 
    display: none; 
}