私は 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...
}]
};
});
};