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 インスペクターで確認できるように、すべてのルートとものは正しくポイントされています。

  • ルート名: レンタル
  • ルート: レンタル
  • コントローラー: レンタル
  • テンプレート: レンタル
  • URL: /レンタル

しかし、どうすればそのデータにアクセスできるでしょうか? 私は何が欠けていますか?

models/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() {

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

0 に答える 0