Как получить корневые значения массива в представлении цикла Mustache?

#html #mustache #template-engine

#HTML #mustache #шаблонизатор

Вопрос:

При использовании шаблона 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>
  

Чтобы получить приведенный выше результат, как я могу написать шаблон?

С уважением,

Ответ №1:

Используйте {{.}} по вашему мнению. Это относится к текущему элементу в списке, на который ссылается шаблон. Поскольку вы используете массив строк, противоположных объектному литералу, отображается содержимое массива. Если бы вы использовали свою предыдущую объектную литеральную переменную, [object][object] она отображалась бы в вашем представлении шаблона.

Ссылка: https://github.com/janl/mustache.js /

Объект

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

Вид

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

Вывод

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