Как отобразить номер элемента в шаблоне 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, прокручивающий комментарии, похоже, что существует несколько подходов.

Ручки имеют @index и @key, но в настоящее время они теперь работают с emberjs.

Answer 2

Вы можете использовать CSS Counters. Он также работает для таблиц. Вот пример, взятый из 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 ".". */ 
 
}

Answer 3

В контроллере, вы можете написать функцию, как это:

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

В шаблоне, {{no_of_person}} покажет порядковый номер запись.

Надеюсь, это поможет!