Скрыть кнопку гамбургера меню значков по умолчанию в Ionic Menu | Ионный 4

Мне нужно удалить меню значков гамбургера по умолчанию в ионном меню. Я добавил пользовательское меню, и мне нужно удалить значок по умолчанию.

Итак, мой код:

<ion-menu side="start">  
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item>
        <ion-icon name="home" slot="start"></ion-icon>
        <ion-label>Home</ion-label>
      </ion-item>
      <ion-item>
        <ion-icon name="person" slot="start"></ion-icon>
        <ion-label>Profile</ion-label>
      </ion-item>
      <ion-item>
        <ion-icon name="chatbubbles" slot="start"></ion-icon>
        <ion-label>Messages</ion-label>
      </ion-item>
      <ion-item>
        <ion-icon name="settings" slot="start"></ion-icon>
        <ion-label>Settings</ion-label>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

Мое меню макета:

Меню макета

HTML-код кнопки:

<ion-header _ngcontent-yjt-c1="" role="banner" class="ios header-ios hydrated">
    <ion-toolbar _ngcontent-yjt-c1="" class="ios hydrated">
        <ion-buttons _ngcontent-yjt-c1="" slot="start" class="buttons-first-slot sc-ion-buttons-ios-h sc-ion-buttons-ios-s ios hydrated">
            <ion-menu-button _ngcontent-yjt-c1="" class="hydrated ios button ion-activatable ion-focusable"></ion-menu-button>
        </ion-buttons>
        <ion-title _ngcontent-yjt-c1="" class="ios title-ios hydrated"></ion-title>
    </ion-toolbar>
</ion-header>

Мне нужно удалить значок по умолчанию внутри круга. Как сделать чтобы удалить?


ionic-framework menu angular html
person Mr. Developer    schedule 09.09.2019    source источник
comment
Можете ли вы показать нам html-код значка меню, который вы хотите скрыть?   -  person ForestG    schedule 09.09.2019

Ответы (2)


arrow_upward
0
arrow_downward

Не могли бы вы попробовать следующие правила css? Не могли бы вы проверить, не работают ли они, если они добавляются в css страницы, которую вы просматриваете?

ion-menu-button {
    display: none !important;
}

or 

ion-buttons {
    display: none !important;
}

or

.button.ion-activatable.ion-focusable {
    display: none !important;
}
person ForestG    schedule 09.09.2019

arrow_upward
0
arrow_downward

Добавьте приведенные ниже стили в файл app.scss, чтобы скрыть кнопку меню по умолчанию.

.bar-button-menutoggle {
  display: none !important;
}

person Bhavitha Annam    schedule 09.09.2019