html5 усы получить индекс статьи и сравнить значение

1

У меня есть файл уса, и я повторяю массив:

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 в бэкэнд.

Теги:
arrays
mustache

1 ответ

1

Вы можете добавить функцию в data которые вернут правильный класс в зависимости от значения региона. Что-то вроде

data['regionClass'] = function(){
  if ( this['region'] == 'USA East' ) {
    return "strong green";
  }else{
    return "";
  }
}

И затем в Усы вы можете сделать: <div class="region {{regionClass}}">{{{region}}}</div>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню