使用把手渲染字符串数组

Question

假设我在ember控制器中有这样的数组，

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

现在，我如何使用把手渲染无序列表中的每个用户？我可以使用{{#Each}}助手吗？

Answer 1

是的，你应该使用each循环：

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

来自the docs：

  

您可以使用内置的each帮助程序迭代列表。在块内，您可以使用this来引用正在迭代的元素。

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

     

与此上下文一起使用时：

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

     

将导致：

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

     

您可以在任何上下文中使用此表达式来引用当前上下文。