Boucle par le biais de tableau de chaînes de caractères - angular2

Encore très basique chose, mais je suis incapable de comprendre comment l'affichage tableau de chaînes de caractères dans le modèle html dans angular2.

.html

<ul>
       <li *ngFor="#number of numberOptions">
          {{number}}
       </li>
</ul>

.ts

this.numberOptions= ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X"];

Ci-dessus astuce ne fonctionne pas pour moi, l'éditeur de texte d'erreur s'affiche pour #number dans ngFor. Est-ce déconseillé dans les nouvelles versions? ou suis-je en train de faire quelque chose de mal ici?

OriginalL'auteur Amit Chigadani | 2017-05-08

  1. 13

    Vous devez déclarer la variable number avec let.

       <li *ngFor="let number of numberOptions">
      {{number}}
   </li>
    Je vous remercie pour votre réponse. Je me demandais pourquoi #number ne fonctionne pas.
    Parce que vous avez à déclarer la variable avec let. C'est comme traditionnel for en javascript: for (var i = 0; i < length; i++ ){}. C'est la même chose, mais au lieu de var vous devez utiliser let puisque c'est la Machine a ecrire. Vous devez déclarer la variable dans le champ d'application de bloc de la pour les, pas utiliser une variable déclarée en dehors d'elle.
    Je suis très bien conscient de let en caractères d'imprimerie, mais ma question est ici. stackoverflow.com/questions/37431578/... Si vous voyez le message qu'ils ont déclaré la variable à l'aide de l'aide de #
    le # syntaxe a été utilisé dans les versions bêta de Anguleux.
    Oh. Merci une tonne @AJT_82

    OriginalL'auteur SrAxi

  2. 5

    let au lieu de #

    <ul>
       <li *ngFor="let number of numberOptions">
          {{number}}
       </li>
</ul>

    OriginalL'auteur Fawad Mukhtar

  3. 2
    <ul>
       <li *ngFor="let number of numberOptions">
          {{number}}
       </li>
</ul>

    OriginalL'auteur Rahul Singh