Ember简单的假服务没有出现在页面上

Question

我只是想设置一个服务并为REST API做好准备。我只是使用假数据，看看我是否可以把它拉进控制器。不幸的是，我无法显示信息。

我经历了this documentation，但我无法看到我的回归

我的服务为report.js

export default Ember.Service.extend({
    reports: [100, 96, 92, 74, 65, 64, 42, 21, 20, 19, 10, 4],
});

然后我有一个控制器report.js

export default Ember.Controller.extend({
    reports: Ember.inject.service('report')
});

然后在我的hbs文件中，我有：

<div>
    {{#each reports as |report|}}
    <span>{{report}}</span>
    {{/each}}
</div>

当我加载页面时，我看不到任何内容，但我应该看到一组数字。如果我使用chrome进入ember检查器，我可以转到container > service > reports，我将所有数字视为一个余烬服务子类。

如何通过控制器将我的号码从服务中获取到html模板中？

Answer 1

你需要做

{{#each reports.reports as |report|}}

通过“reports”属性（您用于inject的名称）访问服务名称，然后该服务具有reports属性，该值属于值。因此需要reports.reports