如何在ItemController中获得索引属性

Question

这种情况：

{{#each array itemController="testController"}}

我想在 itemController中使用索引属性：

App.TestController = Ember.ObjectController.extend({
   // Is there any way to get index in this controller
})

或我可以以#each的方式发送属性：

{{#each array itemController="testController" property=index}}

谢谢

================================================================================

更新：

我确实使用愚蠢的方法来解决此问题

var _temp_index = 0;
App.TestController = Ember.ObjectController.extend({
    myIndex: null,
    init: function(){
        this._super();
        this.set('myIndex', _temp_index);
        _temp_index++;
    }
})

期待更好的解决方案！

Answer 1

您可以使用以下事实：每个事实都会引用其ContentIndex。您可以在车把上做类似的事情：

<ul>
  {{#each item in model itemController="test" itemViewClass="App.ItemView"}}
     <li>{{item.content}} {{controller.index}}</li>
  {{/each}}
</ul>

，然后创建一个设置控制器索引属性的项目视图：

App.ItemView = Ember.View.extend({
  didInsertElement: function() {
    this.get('controller').set('index',this.get('contentIndex'));
  }
});

这是它起作用的小提琴。

http://emberjs.jsbin.com/ecuciqo/2/edit

Answer 2

以下是您无需itemViewClass的方法。

在您的itemController中：

export default Em.ObjectController.extend({ // I'm using ES6 syntax but you don't have to
  index: function() {
    var arrangedContent = this.get('target.content');
    var item = this.get('content');
    return arrangedContent.indexOf(item) + 1;
  }.property('[e-mail]'), // Change score to whatever property things are sorted by in the parent controller
});

在您的模板中：

{{#each arrangedContent}}
  Index: {{index}}
{{/each}}

Answer 3

使用需求属性以获取arraycontroller

this.get（'Model'）获取CurrentModel

使用indexof（）获取索引

Answer 4

您无需移动逻辑即可以这种方式查看

1. 在路由中的数组中的每个模型中添加索引属性

   App.SomeParentRoute = Ember.Route.extend
       setupController: (controller, model) ->
           model = model.map (item, index) -> item.set 'index', index
           controller.set 'model', model
   

2. 使用数组控制器存储所有将使用ItemController

   的数据

   App.SomeParentController = Ember.ArrayController.extend
       itemController: 'someChild'
   

3. 现在，您在每个itemController someChild

   中都有index属性

   App.SomeChildController = Ember.ObjectController.extend
       init: -> console.log @get('index')