Comment référencer la variable d'entrée de modèle hero à partir de *ngFor="let hero of heros" à l'intérieur de Typescript?

J'utilise un composant avec état Donc, le code a ceci pour l'équivalent `` héros '' dans mon code est:

   servers: Server[];

Il est rempli lorsque l'écran apparaît pour la première fois via ionViewDidLoad.

Lorsque j'ajoute le serveur via le bouton en bas, ionViewDidEnter appelle la même méthode de chargement pour remplir à nouveau les serveurs.

Lors du débogage, je vais via le chemin ionViewDidLoad.

Chrome showing app with data Template code with *ngFor and Event Handler

[

1
JGFMK 11 août 2017 à 04:19

2 réponses

Vous pouvez probablement le passer dans une fonction

<div *ngFor="let hero of heros">
  <li click="print(hero)">{{hero}}</li>
</div>

Et à l'intérieur de TS,

print(hero:Hero){
 console.log(hero.name);
}
2
Sajeetharan 11 août 2017 à 01:23

Vous accédez à la variable server en dehors de la boucle *ngFor, c'est pourquoi la valeur que vous avez obtenue n'a pas été définie, car la variable serveur était inconnue en dehors de ion-item. Essayez d'insérer le code ion-item-options dans le <ion-item> et cela devrait fonctionner

0
brijmcq 11 août 2017 à 08:31