(ngx-admin/Nebular) 如何删除自定义登录组件上的后退按钮？

Question

我已按照https://akveo.github.io/nebular/docs/auth/custom-auth-components#create-auth-module 的说明进行操作

创建自定义登录组件。

问题是如何从此组件中删除后退按钮？

Answer 1

试试这个 css，在 component.scss

::ng-deep .navigation .link nb-icon {
  display: none !important;
}

Answer 2

按照您上面提供的说明，在“设置身份验证容器”部分，您将看到它使用默认的 Nebular 身份验证容器组件：

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>

我希望我说清楚了。如果没有，请随时提出您的疑问，我将提供一个更简洁的示例。

干杯，

Answer 3

感谢 alexandros nikololoulopoulos，我想添加如何隐藏整个卡头的方法（将其添加到 component.scss 中）：

    ::ng-deep .nb-theme-default  nb-card-header {
    display: none !important;
    }