Discussion :

[Tamzoro]

Bonjour,

Je commence à apprendre l'authentification en Angular, j'aimerai créer un test d'authenfication. C'est à dire que lorsque l'utilisateur va entrer "test" dans le formulaire, la page "home" va s'afficher.
Il n'y a pas de mot de passe pour info.


J'ai essayé de suivre plusieurs tutos sur Youtube, mais je suis perdu... Tout d'abord, j'aimerai savoir comment intéragir le bouton de mon formulaire lorsque l'utilisateur tape "test" puis clique sur envoyer.


Je préfère vous mettre directement le code sur https://stackblitz.com/edit/angular-...component.html

Un grand merci à celles et ceux qui voudront bien m'aider.

[dukoid]

si tu n'arrives pas à faire ça c'est qu'il te manque les bases, il y a un minimum à connaitre sinon tu va toujours galérer

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
  <div class="section-about">
    <label>Identifiant (AGENT)</label>
    <input #identifiant type="text"  />
    <button (click)="onIdentifiant(identifiant.value)">Valider</button>
  </div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
...
...
export enum Agent {
  Test = 'TEST',
}
 
@Component({
  selector: 'my-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css'],
})
export class LoginComponent implements OnInit {
 
constructor(....... router....)
 
onIdentifiant(identifiant: string) {
   if (identifiant && identifiant.toUpperCase() == Agent.Test) {
        this.router.navigate(.................................)
   }
}
}

pour plus d'ergonomie au lieu de saisir un texte tu peux proposer un select box