css - ionicPopup からタイトル領域を削除する方法

Question

イオンポップアップからタイトル領域を完全に削除したい。タイトルタグを外してみました。ただし、タイトルスペースは表示されます。これが私のコードです。

 var registerPopup = $ionicPopup.show({

        templateUrl: 'templates/register_popup.html',

        scope: $scope

    });

タイトルタグを完全に削除しても、下の画像に示すように、タイトル領域が空白のまま表示されます。ionicPopup からタイトルスペース全体を削除したいと考えています。どうすれば入手できますか？コードにどのような変更を加えますか?

ここに画像の説明を入力

score 21 · Accepted Answer

これは、タイトルが内側に折り返され.popup-headてスペースをとっているためです。

まず、Popup オブジェクトのプロパティに値custom-classを追加します。cssClass

var registerPopup = $ionicPopup.show({

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

});

カスタム CSS を使用して非表示にすることができます。

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

1 に答える 1