源——它在你的路由器中创建一个route条目、一条路由、一个帖子模板和一个帖子模型。帖子模型将具有转换为字符串的标题和正文属性。 我们需要循环浏览我们的帖子并将它们呈现在我们的posts模板中。助手each使这成为可能apptemplatesposts.hbs。 {{each model as |post|}} <h3>{{post.title}}<h3> <hr> {{post.body}} {{each}} 复制 接下来，我们需要找到帖子的数据，并在用户访问时将其传递给模板posts。我们将在我们的帖子路由的模型钩子中获取帖子，位于approutesposts.js。 export default Ember.Route.extend({ Add this method model() { return this.store.findAll(post) } }) 复制 您可能会注意到，我们使用了 ECMAScript 6 的对象简写语法来定。
义方法model。由于 Ember CLI 默认使用 JavaScript 转译器，因此预计会在大多数 Ember 应用程序中看到现代 JavaScript 代码。 我们可以在这里为我们的路由中的帖子数据编写一些 JavaScript 对象，然后就到此为止，但让我们更进一步，实际从服务器获取帖子。 我们将 购买电话号码列表 生成一个Express Web 服务器来为我们的应用程序提供一些数据。 ember g -mock posts 复制 然后，我们将从 中返回一些虚拟数据apiposts。编辑生成的servermocksposts.js文件以从索引路由返回一些数据。制 我们最后需要的是定制的Ember 数据适配器。 ember g adapter application 复制 为了确保 Ember Data 知道找到 中的帖子apiposts，我们将在 中向适配器添加一个命名空Add this }) 复制 现在，如果您访问localhost:4200posts，您将看到这些。
帖子的所有辉煌。 浏览器显示渲染的帖子列表 您的客户提供的帖子列表。（大预览） 当然，您可能希望在开发过程中的某个时刻将您的应用程序连接到真正的 Web 服务器。准备好后，您可以删除模拟服务器并使用代理选项运行您的应用程序：复制 在此命令中，替换s:localhost:3000为您的本地或远程 Web 服务器。 这是立即构建前端并稍后过渡到生产 Web 服务器的好方法。 使用 Ember 插件 如果您熟悉使用Bower和npm安装依赖项，那么 Ember Addons 可能会给您留下深刻的印象。 让我们在 Ember 应用程序中安装并使用日期选择器。我选择的日期选择器是Pikaday。幸运的是，一些人已经将此库与 Ember CLI 集成。在这里，我们将使用ember-pikaday插件。 ember install ember-pikaday 复制 现在，让我们创。
发表于 2024-1-22 14:35:53
