如何在Ember.js模板中显示项目编号？_Ember.js

如何在Ember.js模板中显示项目编号？

ember.js

如何在Ember.js模板中显示项目编号？,ember.js,Ember.js,我可以这样显示来自对象的数据： <ul> {{#each people}} <li>Hello, {{name}}!</li> {{/each}} </ul> <ul> {{#each people}} {{NUMBER_OF_PERSON}} <li>Hello, {{name}}!</li> {{/each}} </ul> no_of_person: func

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

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

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

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


{{{每个人}
你好，{{name}}
{{/每个}}

但我想添加如下记录的编号：

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

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

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


{{{每个人}
{{NUMBER{u OF_PERSON}}你好，{{name}
{{/每个}}

如何做到这一点？

我假设您的意思是显示索引。目前，您需要使用车把辅助工具。这个要点显示了一个滚动浏览注释的示例，看起来有几种方法

车把有@index和@key，但目前它们可以与emberjs一起使用。

您可以使用。它也适用于桌子。以下是来自MDN的一个示例：

ul{
计数器重置：节；/*创建
每个ol的区段计数器
元素*/
列表样式类型：无；
}
李：以前{
计数器增量：节；/*仅增量此实例
分区计数器的*/
内容：计数器（节“.”）；/*添加所有实例的值
分段计数器的
以“.”的速度*/
}

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

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

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

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

在模板中，

{{no_of_person}}

将显示记录的索引号

希望这有帮助

你所说的人数是什么意思？还是总人数？