0
votes

(ngx-admin / Nebular) Comment supprimer le bouton de retour sur mon composant de connexion personnalisé?

J'ai suivi les instructions de https://akveo.github.io/ nebular / docs / auth / custom-auth-components # create-auth-module

pour créer un composant de connexion personnalisé.

Le problème est de savoir comment puis-je supprimer le bouton de retour de ce composant?

angular nebular ngx-admin

0 commentaires

4 Réponses :

4
votes

En suivant les instructions que vous avez fournies ci-dessus, dans la section "Configurer le conteneur d'authentification", vous verrez qu'il utilise le composant de conteneur Nebular Auth par défaut:

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

Ce que vous devez faire est de créez votre propre conteneur d'authentification et modifiez le modèle en fonction de vos besoins. Pour commencer, vous pouvez vérifier le code du conteneur d'authentification Nebular d'origine ici:

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

Ce que vous voulez supprimer est le code suivant:

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

J'espère que je l'ai expliqué. Sinon, n'hésitez pas à poser vos doutes et je vous donnerai un exemple plus concis.

Bravo,

0 commentaires

3
votes

Vous devez ouvrir le modèle de votre composant "NbAuthComponent" personnalisé et supprimer le bouton de retour de "nb-card-header". Cela devrait aider.

0 commentaires

6
votes

Essayez simplement ce css, dans le fichier component.scss

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

0 commentaires

3
votes

Merci à alexandros nikoloulopoulos, j'aimerais ajouter la façon de cacher tout card-header (ajoutez-le dans component.scss):

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

0 commentaires