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

Question

我只是想设置服务并为 REST API 做好准备。我只是在使用假数据，看看是否可以将其拉入 Controller 。不幸的是，我无法显示信息。

我经历了this documentation但我看不到我的返回

我的服务是 report.js

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

然后我有一个 Controller 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 服务子类。

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

Answer 1

你需要做的

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

服务名称通过“reports”属性(您用于注入(inject)的名称)访问，然后该服务有一个reports属性，这是值所在的地方.因此需要 reports.reports