1

ハンドルバーを使用してオブジェクトをループしています。私の問題は、x 反復 (% 2 または % 3) ごとにコードを簡単に追加する方法がないことです。

How can I create conditional row classes using Handlebars.js?で提案されている解決策を試しました。. Meteor というフレームワークを使用していて、「コレクション」が Meteor を介した MongoDB クエリから取得されているため、機能しません。そのソリューションを使用すると、「コンテキスト」はMeteorコンテキスト全体と等しくなり、私のコレクションはどこにも見つかりません...

私の最初のアイデアは、オブジェクトに「eof」と呼ばれる新しいブール値のプロパティを作成することでした。それが true に等しい場合、ハンドルバー条件はさらにコードでトリガーされます...しかし、サーバーに依存しない、よりクリーンなものが必要です-側。

どのようにしますか？

どうもありがとう！

4

1 に答える 1

2

Tom Coleman の回答を参照してください。

次のようなテンプレート ヘルパーを追加できます。

Template.tableWithDifferentColorRows.helpers({
    modulo3: function() {
        return (this.index % 3) === 0;
    },
});
// in the html:
{{#each_with_index collection}}
    <div {{#if modulo3}}style='color:purple'{{/if}}>
         actual content...
    </div>
{{/each}}
于 2012-12-14T01:56:03.743 に答える