#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>