jquery-templates - それぞれの最初の項目 - jQuery テンプレート

Question

配列をループするjQueryテンプレートを作成しようとしていますが、配列の最初の要素が残りの要素とは異なる出力を生成します

<script type='text/x-jquery-tmpl'>
  {{each things}}
    {{if ${index} == 0}}
      <div class='active'>${value}</div>
    {{else}}
      <div class='passive'>${value}</div>
    {{/if}}
  {{/each}}
</script>

およびデータ:

{things: ["Val1", "Val2", ... , "Valn"]}

しかし、{{if ${index} == 0}}条件は機能しません。テンプレートが配列の最初の項目に対して残りの項目とは異なる出力を生成するようにするにはどうすればよいですか?

Answer 1

${index} の中括弧を削除してみてください

{{if $index == 0}}