带有cli的ember.js中的夹具数据在哪里

Question

我正在尝试在使用 cli 生成的 ember 应用中使用夹具数据。我找不到我的数据。检查员显示我有一个名为 post 的模型，但其中没有任何内容。我不确定为什么它不起作用，所以发布我认为相关的文件......

模型/post.js

var Post = DS.Model.extend({
    title: DS.attr('string'),
    content: DS.attr('string'),
    publishDate: DS.attr('date')
});

Post.reopenClass({
    FIXTURES: [
        {
            id: 1,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        },
        {
            id: 2,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        }
    ]
});

export default Post;

路由器.js

var Router = Ember.Router.extend({
  location: ENV.locationType
});

Router.map(function() {
    this.resource('posts', { path: '/' });
});

export default Router;

路由/index.js

export default Ember.Route.extend({
    model: function() {
        return this.store.find('post');
    }
});

控制器/posts.js

var PostsController = Ember.ArrayController.extend({

});

export default PostsController;

模板/posts.hbs

<p>Test</p>
<ul>
    {{#each}}
        <li>
            {{title}}
        </li>
    {{/each}}
</ul>

我认为这个问题是 ember-cli 特有的。我之前有使用 Ember App Kit 的固定装置，但想使用 ember-cli。我添加了适配器，并尝试更改声明装置的方式：

适配器/post.js

var PostAdapter = DS.FixtureAdapter.extend({});

export default PostAdapter;

已更改模型/post.js

var Post = DS.Model.extend({
    title: DS.attr('string'),
    content: DS.attr('string'),
    publishDate: DS.attr('date')
});

Post.FIXTURES = [
        {
            id: 1,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        },
        {
            id: 2,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        }
    ];

export default Post;

这仍然不起作用。 Ember 检查器显示具有正确字段（id、标题、内容发布日期）但没有实际数据的帖子。

Answer 1

我需要将我的夹具适配器添加到：

适配器/application.js

export default DS.FixtureAdapter.extend({});

然后它使用了reopenClass 版本的fixtures：

模型/post.js

var Post = DS.Model.extend({
    title: DS.attr('string'),
    content: DS.attr('string'),
    publishDate: DS.attr('date')
});

Post.reopenClass({
    FIXTURES: [
        {
            id: 1,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        },
        {
            id: 2,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        }
    ]
});

export default Post;

Answer 2

除了上面的reopenClass方法调用，你还需要在你的Brocfile.js添加EmberData的import

你可以这样做：

app.import({
  development: 'vendor/ember-data/ember-data.js',
  production:  'vendor/ember-data/ember-data.prod.js'
}, {
  'ember-data': [
    'default'
  ]
});

感谢这篇精心整理的帖子帮助我实现了这一点：http://www.blakeerickson.com/posts/2014/06/17/ember_cli_todomvc_tutorial

Answer 3

接受的答案是正确的方法，但是你可以用 ember-cli 的方式生成文件：

ember g adapter application

它生成：

installing adapter
  create app/adapters/application.js
installing adapter-test
  create tests/unit/adapters/application-test.js

Answer 4

你需要将fixture定义为：

Post.FIXTURES = [
        {
            id: 1,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        },
        {
            id: 2,
            title: "Writing a blog in Ember",
            content: "I am writting a blog",
            publishDate: "05/22/2104"
        }
];

您还必须设置 ApplicationAdapter：

App.ApplicationAdapter = DS.FixtureAdapter;

这里是http://emberjs.jsbin.com/yutas/1/edit 和guide section 的示例。