(ngx-admin / Nebular) Как удалить кнопку возврата на моем настраиваемом компоненте входа в систему?

Я следую инструкциям https://akveo.github.io/nebular/docs/auth/custom-auth-components#create-auth-module.

для создания настраиваемого компонента входа в систему.

Проблема в том, как убрать кнопку возврата с этого компонента?

введите здесь описание изображения


person Achira Trakansutleart    schedule 10.12.2019    source источник


Ответы (4)


Просто попробуйте этот css в файле component.scss

::ng-deep .navigation .link nb-icon {
  display: none !important;
}
person alexandros nikoloulopoulos    schedule 13.03.2020

Следуя инструкциям, которые вы предоставили выше, в разделе «Настройка контейнера аутентификации» вы увидите, что он использует компонент контейнера Nebular Auth по умолчанию:

export const routes: Routes = [
  {
    path: '',
    component: NbAuthComponent,  // <---
  },
];

Что вам нужно сделать, так это создать свой собственный контейнер аутентификации и изменить шаблон в соответствии с вашими потребностями. В качестве отправной точки вы можете проверить код исходного контейнера аутентификации Nebular здесь:

https://github.com/akveo/nebular/blob/v2.0.0/src/framework/auth/components/auth.component.ts

Вы хотите удалить следующий код:

<nav class="navigation">
  <a href="#" (click)="back()" class="link" aria-label="Back"><i class="icon nb-arrow-thin-left"></i></a>
</nav>

Надеюсь, я прояснил это. Если нет, не стесняйтесь спрашивать свои сомнения, и я приведу более краткий пример.

Ваше здоровье,

person Fel    schedule 10.12.2019

Вам нужно открыть шаблон вашего настраиваемого компонента «NbAuthComponent» и удалить кнопку «Назад» из «nb-card-header». Это должно помочь.

person ArtemRomanovsky    schedule 13.12.2019

Благодаря alexandros nikoloulopoulos id хотел бы добавить способ, как скрыть весь заголовок карты (добавить его в component.scss):

    ::ng-deep .nb-theme-default  nb-card-header {
    display: none !important;
    }
person Amir Vazirifar    schedule 07.07.2020