2016年12月_Dale_H

翻译 Ember 翻译——教程九：创建一个复杂的组件

当用户搜索租赁信息时，他们或许也想要缩小他们的搜索范围到某一特定城市。让我们创建一个组件来让他们依照城市过滤租赁信息。一开始，让我们生成新的组件。我们将其命名为 list-filter，因为我们想要我们的组件对租赁信息基于用户输入进行过滤。ember g component list-filter和之前一样，这会创建一个 Handlebars 模板（app/templates/components/

2016-12-22 01:22:45 488

翻译 Ember 翻译——教程八：创建一个 Handlebars helper

创建一个 Handlebars helper到目前为止，我们的 app 是直接将从我们的 Ember Data 模型中将数据获取出来进而呈现给用户的。当我们 app 不断壮大，我们将希望在将这些在呈现给用户之前进行处理。由于这个原因，Ember 提供了 Handlebars 模板 helper 来在我们的模板中修饰数据。让我们使用一个 Handlebars helper 来让我们的用户快速知道一套房

2016-12-16 19:06:22 420

翻译 Ember 翻译——教程七：创建一个简单的组件

当用户浏览我们的租赁信息列表的时候，他们可能会想要有一些交互性的操作来帮助他们做出决定。让我们为每一条租赁信息添加切换图片大小的能力。为了完成它，我们将使用一个组件。让我们生成一个 rental-listing 组件，它将管理我们每一条租赁信息的行为。每个组件都需要一个破折号来避免和一个潜在的 HTML 元素发生冲突，所以 rental-listing 是可取的而 rental 不可取。ember

2016-12-15 22:24:43 416

翻译 Ember 翻译——教程六：使用 Ember Data

现在，我们的 app 还是使用的在 rentals 路由处理程序中硬编码的数据来设置模型。当我们的应用发展壮大的时候，我们将想要能够创建新、更新、删除租赁信息，以及将这些变动保存到后端服务器。Ember 集成了一个名叫 Ember Data 的数据管理库来帮助处理这些问题。让我们创建我们的第一个叫做 rental 的 Ember Data 模型：ember g model rental这将完成一个模

2016-12-15 21:19:37 464

翻译 Ember 翻译——教程五：安装插件

Ember 拥有丰富多样的插件生态系统，这些插件能够轻松的应用到工程中。插件经常能为工程添加大量的功能，省时省力的同时，让你能够更好的集中精力到你的项目上。要浏览插件，请访问 Ember Observer 网站。它将发布到 NPM 的 ember 插件分门别类，同时根据一系列的标准对这些插件进行了评分。对于“超级租赁”，我们将利用如下两个插件： ember-cli-tutorial-style 和

2016-12-15 20:31:45 512

翻译 Ember 翻译——教程四：模型钩子

模型钩子现在，让我们在 index 模板添加一个可租借信息列表。我们知道，租借信息不会是静态的，因为用户最后需要能够添加、更新、删除它们。因为这个原因，我们需要一个租借信息模型来保存租借信息。简单起见，一开始我们将使用硬编码的 JavaScript 数组对象。稍后，我们将切换到使用 Ember Data，它是我们的 app 中一个强力的数据管理库。这会是我们主页已完成时候的样子：在 Ember

2016-12-14 23:04:59 507

翻译 Ember 翻译——教程三：路由和模板

路由和模板Ember 使用路由来定义我们应用中逻辑性的、可访问的页面。在“超级租赁”中，我们想要访问展示租赁信息列表的首页。从这里，我们将能导航到一个关于页和一个联系页。让我们从关于页开始。请记住，当加载 /about 这个 URL 的时候，路由将把 URL 映射到同名的路由处理程序中——about.js。这个路由处理程序将将加载一个模板。

2016-12-13 22:56:26 524

翻译 Ember 翻译——教程二：设置测试

路由和模板Ember 使用路由来定义我们应用中逻辑性的、可访问的页面。在“超级租赁”中，我们想要访问展示租赁信息列表的首页。从这里，我们将能导航到一个关于页和一个联系页。让我们从关于页开始。请记住，当加载 /about 这个 URL 的时候，路由将把 URL 映射到同名的路由处理程序中——about.js。这个路由处理程序将将加载一个模板。

2016-12-13 22:55:02 430

翻译 Ember 翻译——教程一：创建你的 APP

创建你的 APP欢迎来到 Ember 教程！这份教程旨在为大家在创建专业化应用的过程中来介绍基础的 Ember 概念。如果你在教程中遇到任何问题，请自由访问 https://github.com/ember-learn/super-rentals 来获取完整 app 的开发例子。

2016-12-10 22:28:09 575

翻译 Ember 翻译——入门三：核心概念

核心概念核心概念路由和路由处理程序模板模型组件在你开始写 Ember 代码之前，先了解一个 Ember 应用如何工作的是个不错的主意。路由和路由处理程序假想我们要编写一个让用户罗列他们准备出租房屋的 web app。在任何时候，我们都应该能够回答诸如他们在看的是什么房子、他们能否修改它之类的关于当前状态的问题。在 Ember 里，这些问题的答案取决于 URL。URL 可以通过如下方法被设置

2016-12-08 13:10:00 763

翻译 Ember 翻译——入门二：安装 Ember

上手 Ember 非常简单。我们可以使用命令行构建工具——Ember CLI 创建和管理 Ember 工程。这个工具提供： - 现代应用资源管理（包括级联、压缩和版本控制）。 - 帮助创建组件、路由等的生成器。 - 一个传统的工程布局，它可以使得 Ember 应用更接地气。 - 通过 Bable 实现对 ES2015/ES6 的支持。

2016-12-07 21:39:50 1363 2

翻译 Ember 翻译——入门一：快速开始

快速开始这指南将教你如何使用 Ember 从头开始建立一个简单的简单的 app。我们会包含如下步骤：快速开始这指南将教你如何使用 Ember 从头开始建立一个简单的简单的 app 我们会包含如下步骤一安装 Ember 你可以使用 npm 的一条命令来安装 Ember npm 是 Nodejs 的包管理器在你的终端里输入如下命令二创建一个新的应用一旦你通过 npm 安装了

2016-12-06 17:46:21 1315

翻译 Ember 翻译——引导页

指南和教程欢迎来到 Ember.js 指南！这份文档将指引你从一个完全的新手成为一个 Ember 专家。组织左侧的每一篇教程，都是以表格形式呈现的，它们分别被分配到一些能够充分展示它们所包含的主题的章节中。章节和其包含的主题二者都按照从基础到高级的顺序排列。指南的目的是包含如何构建 Ember app 的实用建议，同时重点关注那些最常被使用的 Ember 的特性。如果需要涵盖每个 Ember 特性的

2016-12-05 14:35:00 592

qq_20659385的博客