将 Ember.js 示例转换为 Ember-Cli答案

【问题标题】：Converting Ember.js example to Ember-Cli将 Ember.js 示例转换为 Ember-Cli
【发布时间】：2015-04-15 21:30:11
【问题描述】：

在 ember.js 主页 (http://www.emberjs.com) 大约在页面的中间位置，有一个用于示例邮件应用程序的漂亮的主/详细路由示例。

在真正的 ember 文档风格中，如何自己实际创建并使其正常工作是非常不足的。即使在使用入门工具包复制代码后，它也不起作用。

如何将其转换为 ember-cli？该示例的模型部分似乎真的很不稳定，因为它并没有真正描述模型，它只是通过传递给它的参数进行查找。

我想要一些关于如何将此代码转换为 ember-cli 的提示。我将所有内容都转换得很好，但是示例的模型部分在翻译时遇到了麻烦。有一个更大的项目，我将以此为起点。

【问题讨论】：

你能发布你目前所拥有的吗？

标签： ember.js ember-data ember-cli

【解决方案1】：

为您遇到的问题添加一些详细信息可以提供更具体的帮助，但它位于转换的 model 部分。在How do I add Projects parent to Ember-CLI TodoMVC? 上，我举了一个例子：

App.Todo = DS.Model.extend({
  name: DS.attr('string'),
  //project : DS.belongsTo('project')
});
App.Todo.FIXTURES = [{
  id: 1,
  name: 'shop',
  project: 1
}, {
  id: 2,
  name: 'sell things',
  project: 2
}, {
  id: 4,
  name: 'dance',
  project: 3
}];

因此，如果我手动将这些添加到 Ember-cli（不是使用 generator），我可以通过两种方式进行操作，但文件中的两种代码都是：

import DS from "ember-data";

var Todo = DS.Model.extend({
  name: DS.attr('string'),
  //project : DS.belongsTo('project')
});

Todo.reopenClass({
  FIXTURES: [{
    id: 1,
    name: 'shop',
    project: 1
  }, {
    id: 2,
    name: 'sell things',
    project: 2
  }, {
    id: 4,
    name: 'dance',
    project: 3
  }]
});

export
default Todo;

你可以添加这个文件"/my-new-app/app/models/todo.js"
您可以添加此文件（并使用 pods）"/my-new-app/app/pods/todo/model.js"

希望这有助于让水变得有点模糊。

【讨论】：