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:

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) { }
 
}
Comment dois-je faire correctement la récupération du bon click ?pourquoi j'ai ce comportement ?
si vous avez une idée, merci d'avance de vos réponse