ember.js - 如何在 Ember.js 模板中显示项目数？

Question

我可以像这样显示来自对象的数据：

 <ul>
  {{#each people}}
    <li>Hello, {{name}}!</li>
  {{/each}}
</ul>

但我想像这样添加记录的编号：

<ul>
  {{#each people}}
    {{NUMBER_OF_PERSON}} <li>Hello, {{name}}!</li>
  {{/each}}
</ul>

这个怎么做？

Answer 1

我将假设您的意思是显示索引。目前您需要使用车把助手。这个要点显示了一个示例https://gist.github.com/burin/1048968滚动浏览评论，看起来有几种方法。

Handlebars 有 @index 和 @key，但目前这些都可以与 emberjs 一起使用。

Answer 2

在控制器中，您可以编写如下函数：

no_of_person: function(){
                 return this._parentView.contentIndex;
              }.property('people')

在模板中，{{no_of_person}}将显示记录的索引号。

希望这可以帮助！

Answer 3

您可以使用CSS 计数器。它也适用于桌子。下面是一个来自 MDN 的例子：

ul {
  counter-reset: section;                /* Creates a new instance of the
                                            section counter with each ol
                                            element */
  list-style-type: none;
}

li:before {
  counter-increment: section;            /* Increments only this instance
                                            of the section counter */
  content: counters(section,".") " ";    /* Adds the value of all instances
                                            of the section counter separated
                                            by a ".". */
}