У меня есть файл уса, и я повторяю массив:
var data = {
sales: [
{
name: "Jim Frost",
region: "USA East",
phone: "212-555-1212",
email: "[email protected]"
},
{
name: "Jan Smith",
region: "USA West",
phone: "310-555-1212",
},
{
name: "Fred Wesley",
phone: "608-555-1212",
email: "[email protected]"
},
{
name: "Lisa Moore",
region: "USA South",
phone: "315-555-1212",
email: "[email protected]"
},
{
name: "Jim Dio",
phone: "+ 44 022-555-1212",
email: "[email protected]"
},
{
name: "Charles Watts",
region: "Spain",
email: "[email protected]"
},
{
name: "Bert Cooper",
region: "Italy",
email: "[email protected]"
}
]
};
вот разметка:
<div>
<section>
{{#data.sales}}
<article class="items">
<div class="region">{{{region}}}</div>
</article>
{{/data.sales}}
</section>
</div>
Я хочу добавить особый стиль (например, полужирный шрифт, цвет и т.д.) ТОЛЬКО, если регион находится на USA East
. как я могу обнаружить внутри этого встроенного цикла в элементе статьи, если {{{region}}
имеет определенное значение? Учитывая, что сравнение будет сделано против значения, которое я получаю из бэкэнд, скажем {{myValue}}, который вручную устанавливается в USA East в бэкэнд.
Вы можете добавить функцию в data
которые вернут правильный класс в зависимости от значения региона. Что-то вроде
data['regionClass'] = function(){
if ( this['region'] == 'USA East' ) {
return "strong green";
}else{
return "";
}
}
И затем в Усы вы можете сделать: <div class="region {{regionClass}}">{{{region}}}</div>