В этой статье кратко описывается основной синтаксис JSrender для объекта. Поделитесь этим для вашей ссылки. Детали следующие:
Как двигатель шаблона JavaScript, JSrender имеет важное значение для функции петли, то есть для. Однако, поскольку JSrender слишком гибкий, потому что может фактически принять объект в качестве объекта цикла.
Оба {{для массива}} и {{для объекта}} разрешены. Каждый может понять {{для массива}}, который должен пройти массив и вывести каждый элемент один за другим. Но {{для объекта}} немного невероятна, и официальная документация просто приводит пример, который не полезен без какого -либо объяснения.
Сначала Xiaocai думал, что цель {{для объекта}} состояла в том, чтобы пройти все свойства объекта, но если вы тщательно думаете об этом, эта функция {{object}}} была реализована. Функция тега реквизита состоит в том, чтобы пройти все свойства объекта. Количество свойств, которое есть, количество раз будет зациклено. Каждый цикл будет иметь два скрытых свойства: ключ, проп, ключ представляет имя атрибута, а Prop представляет значение атрибута, которое очень удобно в использовании.
На самом деле, {{для объекта}} не является циклом, его можно понимать как ввод (в), то есть ввождение в среду объекта и установление текущего контекста для объекта, аналогичного in in grands.js.
Например:
данные:
Скопируйте код следующим образом: {
«Титул»: «Команда А»,
"Члены": [
{
"Имя": "Пит",
"Город": "members_city",
"адрес": {
"Город": "address_city",
"City1": "address_city1",
"City2": "address_city2"
}
}
]
}
Шаблонная разметка:
Скопируйте код следующим образом: {{для членов}}
{{для адреса}}
<p>. {{: city}} </p>
{{/для}}
{{/для}}
результат:
Кода -копия выглядит следующим образом: address_city
Из результатов мы можем видеть, что, хотя элемент участников также имеет атрибут города, поскольку они вводят объект, указанный по адресу через {{для адреса}}, {{: city}}, непосредственно получается с адреса.
В то же время адрес имеет три свойства, но в результате выводится только одна строка, доказывая, что {{для объекта}} не зацикливается, просто переключайте это.
Я надеюсь, что эта статья будет полезна для обучения программированию каждого JSrender.