HTML5口ひげ私は口ひげファイルを持っている、と私は、配列を反復処理しています

Question

記事のインデックスを取得し、値を比較する：私はしたい

<div> 
    <section> 
     {{#data.sales}} 
     <article class="items"> 
      <div class="region">{{{region}}}</div> 
     </article> 
     {{/data.sales}} 
    </section> 
</div> 

：

ここ

var data = { 
     sales: [ 
      { 
       name: "Jim Frost", 
       region: "USA East", 
       phone: "212-555-1212", 
       email: "jfrost@acme-travel.com" 
      }, 
      { 
       name: "Jan Smith", 
       region: "USA West", 
       phone: "310-555-1212", 
      }, 
      { 
       name: "Fred Wesley", 
       phone: "608-555-1212", 
       email: "fwesley@acme-travel.com" 
      }, 
      { 
       name: "Lisa Moore", 
       region: "USA South", 
       phone: "315-555-1212", 
       email: "lmoore@acme-travel.com" 
      }, 
      { 
       name: "Jim Dio", 
       phone: "+ 44 022-555-1212", 
       email: "jdio@acme-travel.com" 
      }, 
      { 
       name: "Charles Watts", 
       region: "Spain", 
       email: "cwatts@acme-travel.com" 
      }, 
      { 
       name: "Bert Cooper", 
       region: "Italy", 
       email: "bcooper@acme-travel.com" 
      } 
     ] 
}; 

マークアップです領域がUSA Eastの場合にのみ、特別なスタイル（太字、色など）を追加してください。 {{{region}}に特定の値がある場合、article要素内のこの固有ループの内部をどのように検出できますか？バックエンドから取得した値との比較が行われるとすれば、{{myValue}}は、バックエンドのUSA Eastに手動で設定されています。

Answer 1

dataに関数を追加できます。この関数は、地域の値に応じて正しいクラスを返します。 <div class="region {{regionClass}}">{{{region}}}</div>

：

あなたが行うことができます口ひげで

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

そして何かのように