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

Question

我已按照以下指示进行操作 https://akveo.github.io/nebular/docs/auth/custom-auth-components#create-auth-module

创建自定义登录组件。

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

Answer 1

只需在component.scss中尝试此CSS

fill

Answer 2

感谢亚历山大·尼古洛洛普洛斯，我想添加隐藏整个方式的方法 卡头（将其添加到component.scss中）：

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

Answer 3

按照上面提供的说明，在“设置身份验证容器”部分中，您将看到它使用默认的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>

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

干杯

Answer 4

您需要打开自定义“ NbAuthComponent”组件的模板，然后从“ nb-card-header”中删除“后退”按钮。那应该有帮助。