0

我正在尝试按照 ember 教程在开发中设置模拟数据。这是我正在阅读的地方： https ://guides.emberjs.com/v2.5.0/tutorial/ember-data/

本教程应该向我展示如何将硬编码数据转换为 mirage/config.js

我一直到页面底部，但似乎缺少一步。在上一页输入的 .hbs 没有更改：

{{#each model as |rental|}}
  <h2>{{rental.title}}</h2>
  <p>Owner: {{rental.owner}}</p>
  <p>Type: {{rental.type}}</p>
  <p>Location: {{rental.city}}</p>
  <p>Number of bedrooms: {{rental.bedrooms}}</p>
{{/each}}

除了 {{model}} 中没有任何内容之外，这会很棒。

我在控制台中看到我收到了 json：

Successful request: GET /rentals
server.js:255 Object {data: Array[3]}

正如我在 Ember 检查器中看到的那样，我所有的路线和东西都指向正确：

  • 路线名称：出租
  • 路线：出租
  • 控制器：租金
  • 模板：租金
  • 网址：/出租

但是我如何访问这些数据？我错过了什么？

模型/rentals.js：

import Model from 'ember-data/model';
export default Model.extend({
});

路线/rentals.js

import Ember from 'ember';
export default Ember.Route.extend({
    model() {
        return this.store.findAll('rental');
    }
});

mirage/config.js 导出默认函数（）{

export default function() {
    this.get('/users', function() {
        return {
            data: [{
                type: 'rentals',
                id: 4,
                attributes: {
                    name: 'Lodge',
                    etc...
                }
            }, {
                etc...
            }]
        };
    });
};
4

0 回答 0