使用把手渲染字符串数组

Irs*_*shu 45 handlebars.js

可以说我在ember控制器中有这样的数组,

selectedUsers: ["Popeye", "Sulley", "Gru"];
Run Code Online (Sandbox Code Playgroud)

现在,我如何使用把手将每个用户呈现在无序列表中?我可以使用{{#Each}}帮手吗?

Sto*_*oic 82

是的,你应该使用一个each循环:

<ul>
{{#each selectedUsers}}
    <li>{{ this }}</li>
{{/each}}
</ul>
Run Code Online (Sandbox Code Playgroud)

来自文档:

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

<ul class="people_list">
  {{#each people}}
    <li>{{this}}</li>
  {{/each}}
</ul>
Run Code Online (Sandbox Code Playgroud)

与此上下文一起使用时:

{
  people: [
    "Yehuda Katz",
    "Alan Johnson",
    "Charles Jolley"
  ]
}
Run Code Online (Sandbox Code Playgroud)

将导致:

<ul class="people_list">
  <li>Yehuda Katz</li>
  <li>Alan Johnson</li>
  <li>Charles Jolley</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

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