Rendu d'un tableau de chaînes avec un guidon

Question

Disons que j'ai un tableau comme celui-ci dans ember controller,

selectedUsers: ["Popeye", "Sulley", "Gru"];

Maintenant, comment puis-je afficher chaque utilisateur dans une liste non ordonnée à l'aide du guidon? Puis-je utiliser le {{#Each}} assistant?

Answer 1

Oui, vous devez utiliser une boucle each:

<ul>
{{#each selectedUsers}}
    <li>{{ this }}</li>
{{/each}}
</ul>

De les docs :

Vous pouvez parcourir une liste à l'aide de l'assistant each intégré. À l'intérieur du bloc, vous pouvez utiliser this pour référencer l'élément en cours d'itération.

<ul class="people_list">
  {{#each people}}
    <li>{{this}}</li>
  {{/each}}
</ul>

lorsqu'il est utilisé avec ce contexte:

{
  people: [
    "Yehuda Katz",
    "Alan Johnson",
    "Charles Jolley"
  ]
}

aura pour résultat:

<ul class="people_list">
  <li>Yehuda Katz</li>
  <li>Alan Johnson</li>
  <li>Charles Jolley</li>
</ul>

Vous pouvez utiliser l'expression this dans n'importe quel contexte pour référencer le contexte actuel.

Answer 2

Cela fonctionne aussi

<ul>
{{#each this}}
<li>{{ this }}</li>
{{/each}}
</ul>