Bonjour,
voici un script qui me pose problème:
Code HTML : 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
22
23 <div id="miniMenu"> <ul id="modePortable"> <li (click)="upToMenu()" > <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </li> <li [appModal]="modal" (click)="modal='contact'"> tel </li> <li>croquefarmer.fr</li> <li [appModal]="modal" (click)="modal='lieu'"> map </li> </ul> <ul id="modeEcran"> <li>contact</li> <li>0478787878</li> </ul> </div>
le but est de récupérer quel lien j'ai cliqué soit contact soit lieu, mon problème est que au premier click le composant m'indique indefined,
par contre 2 ème clique, il sait où on a cliqué , voici mon component:
Comment dois-je faire correctement la récupération du bon click ?pourquoi j'ai ce comportement ?
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
22 import { Directive,ElementRef,HostListener,Input } from '@angular/core'; @Directive({ selector: '[appModal]' }) export class ModalDirective { @Input('appModal') modal; @HostListener('click') onClick() { console.log(this.modal); // au premier click, il me dit indefinded } constructor(private el: ElementRef) { } }
si vous avez une idée, merci d'avance de vos réponse
Partager