EmberJs - {{#each}}和类实例数组

Question

我已经定义了一个类如下

const OpenedCaseStatus = Ember.Object.extend({
  caseid: -1,
  isActive: false,
  selectedTabIndex : -1      
});

export default OpenedCaseInfo;

在我的caseInfo服务中，我创建了一个数组openedCases，其中包含类OpenedCaseStatus的实例。

在我的一个组件中，我正在注入caseInfo服务，然后在我的模板中，我试图打印案例信息，如：

<div>
    <ul>
        {{#each casesInfoService.openedCases as |caseStatus|}}
            <li>caseStatus.caseid</li>
        {{/each}}
    </ul>    
</div>    

但这不是打印数据。早些时候，当我使用下面的匿名对象填充openedCases数组时，它正在工作：

this.get('openedCases').pushObject({caseid: 1, isActive: true, selectedTabIndex: 0});
this.get('openedCases').pushObject({caseid: 2, isActive: false, selectedTabIndex: 1});
this.get('openedCases').pushObject({caseid: 3, isActive: true, selectedTabIndex: 3});

我的问题是为什么{{#each}}不使用类实例。还有其他选择吗？