koc*_*fan 2 html template-engine mustache
使用 Mustache 模板时,循环表示如下:
数据:
Run Code Online (Sandbox Code Playgroud){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>
要得到上面的结果,我该如何编写模板?
问候,
{{.}}在您的视图中使用。这指的是模板中引用的列表中的当前项目。当您使用与对象字面量相对的字符串数组时,会显示数组的内容。如果您使用以前的对象字面量变量,[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)