Angulaire 2: Peut focusin et focusout être dans un événement?

Peut focusin et focusout être dans un événement? Qu'est-ce que ça s'appelle, alors?
Si non, est-il un moyen de fusionner dans une fonction?

JS:

hide(e:any) {
  $('.suggestion').hide();
}
show(e:any) {
  $('.suggestion').show();
}

HTML:

<section class="search-bar-wrapper" (focusout)="hide($event)" (focusin)="show($event)">

InformationsquelleAutor Char | 2017-06-23
  1. 18

    Première chose est que vous devez ajouter tabindex attribut section à faire pour obtenir des événements de focus. Sinon, il ne sera pas d'événements de focus.

    Événements de Focus se déclencher lorsqu'un élément est le foyer-mesure. Chaque fois que vous cliquez sur l'élément, il est toujours à me concentrer et nous pouvons supprimer l'accent uniquement sur cliquez à l'extérieur de l'élément. Donc, nous ne pouvons pas supprimer l'accent sur click événement du même élément.

    focus et focusout les deux sont différents événements que nous ne pouvons pas les fusionner

    Vous pouvez utiliser *ngIf aussi

    <section class="search-bar-wrapper" tabindex="-1" (focus)="show($event)" (focusout)="hide($event)">

<div class="suggestion" *ngIf="canSee">This is a suggestion</div>

    dans la classe du composant

    casSee: boolean = false;

show(e: any) {
   this.canSee = true;
}
hide(e: any) {
   this.canSee = false;
}
    • je pense que c'est une autre fonctionnalité de droit. Vous pouvez poser une question plutôt que de continuer cette
    InformationsquelleAutor Mr_Perfect
  2. 6

    Vous pouvez utiliser (focus) et (focusout) Angulaire 2/4.

    InformationsquelleAutor Deepak swain