Ember 页面上没有显示简单的虚假服务

Question

我只是想设置服务并准备好进行 REST API。我只是在使用假数据，看看是否可以将其拉入控制器。很遗憾，我无法显示信息。

我浏览了 this documentation，但看不到我的 return

我的服务是 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，我会看到所有数字都是 ember 服务子类。

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

Answer 1

你需要做的

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

通过 "reports" 属性（您用于 inject 的名称）访问服务名称，然后该服务具有 reports 属性这就是价值所在。因此需要 reports.reports

Ember simple fake service not showing up on page