两个Ember.JS数组控制器？

Question

我有一个有点问题与Ember.JS应用我的建筑：

App.userController = Ember.ArrayController.create({ 
     content: [], 

     init: function() { 
      this.set('content', []); 
      this.refresh(); 
     }, 

     refresh: function() { 
      //Refresh Action 
     } 
    }); 

    App.supplierController = Ember.ArrayController.create({ 
     content: [], 

     init: function() { 
      this.set('content', []); 
      this.refresh(); 
     }, 

     refresh: function() { 
      //Refresh Action 
     } 
    }); 

    <h1>Users</h1> 
    {{#each user in App.userController}} 
     {{user.name}} - {{user.age}} 
    {{/each}} 

    <h1>Suppliers</h1> 
    {{#each supplier in App.supplierController}} 
     {{supplier.name}} - {{supplier.revenue}} 
    {{/each}} 

它的工作原理......但用户都显示在同一个列表作为供应商？如果我移除供应商控制器，它们显示在正确的位置。我认为这是与两个Ember.ArrayController实例有关，但我不确定。它显示是这样的：

Users 
----------- 
Suppliers 
----------- 
User 1 - 
User 2 - 
Supplier 1 - £100 

当它应该是这样显示：

Users 
----------- 
User 1 - 30 
User 2 - 25 

Suppliers 
----------- 
Supplier 1 - £100 

Answer 1

您的代码似乎罚款。有两个ArrayController的实例没有任何问题。我根据你的问题制作了一个jsbin，并在正确的地方看到用户/供应商。看看这里：http://jsbin.com/ovitak/1/edit

因为你的例子并没有说明如何正在加载的数据，我实现了刷新（）方法来填充根据您的预计输出的用户/供应商名单：

App = Ember.Application.create({}); 

App.userController = Ember.ArrayController.create({ 
    content: [], 

    init: function() { 
     this.set('content', []); 
     this.refresh(); 
    }, 

    refresh: function() { 
     this.addObject({name: 'u 1', age: 22}); 
     this.addObject({name: 'u 2', age: 35}); 
    } 
}); 

App.supplierController = Ember.ArrayController.create({ 
    content: [], 

    init: function() { 
     this.set('content', []); 
     this.refresh(); 
    }, 

    refresh: function() { 
     //Refresh Action 
     this.addObject({name: 'supplier 1', revenue: 200}); 
    } 
});