如何从ionicPopup中删除标题区域

时间:2015-07-06 09:53:56

标签: css ionic-framework ionic ionicpopup

我想完全从离子弹出窗口中删除标题区域。我删除了标题标签并尝试了。但仍然可以看到标题空间可见。这是我的代码。

 var registerPopup = $ionicPopup.show({

        templateUrl: 'templates/register_popup.html',

        scope: $scope

    });

即使我完全删除了标题标签,标题区仍然可见,并带有空白区域,如下图所示。我想从ionicPopup中删除整个标题空间。我怎么才能得到它?代码中会做出哪些更改?

enter image description here

1 个答案:

答案 0 :(得分:21)

这是因为标题包含在.popup-head内,占用空间。

首先在Popup对象中添加custom-classcssClass属性的值。

var registerPopup = $ionicPopup.show({

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

});

您可以使用自定义CSS隐藏它。

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