html - 如何获取 Mustache 循环表示中数组的根值？

Question

使用 Mustache 模板时，循环表示如下:

数据:

{animals: [
  {name: "cat"}, 
  {name: "dog"}, 
  {name: "pig"}
]}

模板:

{{#animals}}
  <p>{{name}}</p>
{{/animals}}

结果:

<p>cat</p>
<p>dog</p>
<p>pig</p>

但是如果想要使用的值直接写在数组下，我该如何访问它们呢？我写的意思是，

数据:

{animals: [
  "cat", 
  "dog", 
  "pig"
]}

结果:

<p>cat</p>
<p>dog</p>
<p>pig</p>

要得到上面的结果，我该如何编写模板？

问候，

Answer 1

在 View 中使用 {{.}}。这是指模板中引用的列表中的当前项目。当您使用与对象文字相反的字符串数组时，将显示该数组的内容。如果您使用以前的对象文字变量，[object][object] 将显示在模板 View 中。

引用:https://github.com/janl/mustache.js/

对象

animals: [
  "cat", 
  "dog", 
  "pig"
]

查看

{{#animals}}
  <p>{{.}}</p>
{{/animals}}

输出

<p>cat</p>
<p>dog</p>
<p>pig</p>