7

私はスライドを作成しています-したがって、1つのdivごとに3つの画像があります

<div>
  <img />
  <img />
  <img />
</div>

</div>
  <img />
  <img />
  <img />
</div>

インターネット上で完璧に動作するコードはありません -

https://github.com/johanpoirier/resthub-backbone-stack/commit/8a318477d56c370d2a0af4da6eae9999c7bb29da

http://jaketrent.com/post/every-nth-item-in-handlebars-loop/

http://rockycode.com/blog/handlebars-loop-index/

http://www.arlocarreon.com/blog/javascript/handlebars-js-everyother-helper/

はい、ここのスタックオーバーフローに回答を含めます。

この時点で完全に機能するコード (Ember/Handlebar のバージョン) を提供できる人はいますか?

私はモデルの配列を持っているので、次のようなことをしたいと思います

{{#each model}}
    {{if index % 3 == 0}}
    {{/if}}
{{/each}}
4

2 に答える 2

16

indexテンプレート内からは機能しないか、機能しないこと@indexがわかりましたが、ヘルパー内からアクセスできます。

これを示す例をここに作成しました。

http://jsbin.com/egoyay/1/edit

編集：回答するコードを追加し、{{else}}ブロックを示します

ハンドルバー ヘルパー (Ember 以外での使用):

Handlebars.registerHelper('ifIsNthItem', function(options) {
  var index = options.data.index + 1,
      nth = options.hash.nth;

  if (index % nth === 0) 
    return options.fn(this);
  else
    return options.inverse(this);
});

使用法：

<ol>
 {{#each model}}
   <li>
     {{#ifIsNthItem nth=3}}
        Index is a multiple of 3
     {{else}}
        Index is NOT a multiple of 3
     {{/ifIsNthItem}}
   </li>
 {{/each}}
</ol>
于 2013-08-05T13:24:39.790 に答える
2

ヘルパーで指定するitemViewClassとeach、アイテムごとにビューが作成され、 contentIndex プロパティが設定されます。

{{#each model itemViewClass="Ember.View"}}
    {{view.contentIndex}}
{{/each}}

Ember v1.1.0 でテスト済み

于 2013-10-23T02:37:13.697 に答える