22 votes

Accéder au nième enfant de ViewChildren Querylist (Angular)

J'essaye d'accéder au nième enfant d'une liste de requêtes viewchildren.

Voici mon TS:

 @ViewChildren(PopoverDirective) popovers: QueryList<PopoverDirective>;
console.log(this.popovers)

Le console.log affiche les changements, premier, dernier, longueur et _résultats.

Comment puis-je accéder au nième enfant (c'est-à-dire au troisième, au lieu du premier)?

Quand j'essaye de faire ceci avec _results (c'est-à-dire, this.popovers._results [2]), j'obtiens une erreur.

Je vous remercie.

4voto

ABOS Points 251

vous pouvez utiliser la méthode toArray () et vous pouvez y accéder par index.

0voto

Rafi Henig Points 68

L'accès par index est possible via Find

   @ViewChildren(PopoverDirective) popovers: QueryList<PopoverDirective>;

  public getByIndex(x: number) {
    return this.popovers.find((_, i) => i == x)
  }

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X