如何在 Mustache 的循环表示中获取数组的根值?

koc*_*fan 2 html template-engine mustache

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

数据:

{animals: [
  {name: "cat"}, 
  {name: "dog"}, 
  {name: "pig"}
]}
Run Code Online (Sandbox Code Playgroud)

模板:

{{#animals}}
  <p>{{name}}</p>
{{/animals}}
Run Code Online (Sandbox Code Playgroud)

结果:

<p>cat</p>
<p>dog</p>
<p>pig</p>
Run Code Online (Sandbox Code Playgroud)

但是如果要使用的值直接写在数组下,如何访问呢?我写的意思是

数据:

{animals: [
  "cat", 
  "dog", 
  "pig"
]}
Run Code Online (Sandbox Code Playgroud)

结果:

<p>cat</p>
<p>dog</p>
<p>pig</p>
Run Code Online (Sandbox Code Playgroud)

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

问候,

Iro*_*ces 5

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

参考:https : //github.com/janl/mustache.js/

目的

animals: [
  "cat", 
  "dog", 
  "pig"
]
Run Code Online (Sandbox Code Playgroud)

看法

{{#animals}}
  <p>{{.}}</p>
{{/animals}}
Run Code Online (Sandbox Code Playgroud)

输出

<p>cat</p>
<p>dog</p>
<p>pig</p>
Run Code Online (Sandbox Code Playgroud)