摘要:
一、概述 1. Helpers允许你向你的模板添加超出在Ember中开箱即用的额外的功能。辅助器是最有用的,用于将来自模型和组件的原始值转换成更适合于用户的格式。 2. 例如,假设我们有一个Invoice model,它包含一个totalDue属性,它代表那个invoice的总数。由于我们不希望我们 阅读全文
摘要:
Ember提供几个辅助器允许你使用不同的方法渲染模板(render templates)。 一、The {{partial}} Helper {{partial}}以呈现的模板作为参数,并在这里呈现模板。 {{partial}}不改变上下文或作用域。它简单的将给定的模板放置到当前作用域中。 app/ 阅读全文
摘要:
一、Development Helpers Handlebar和Ember有好多个辅助器可以使模板开发更容易。 这些辅助器输出变量到浏览器的控制台,或者从模板中激活debugger。 二、Logging {{log}}辅助器可以很容易的将当前上下文中的变量或者表达式输出到你的控制台console中: 阅读全文
摘要:
一、Input Helpers Ember中{{input}}和{{textarea}}是创建常规表单控件最简单的方法。 {{input}}包裹内建的Ember.TextField和Ember.Checkbox视图,然而{{textarea}}包裹Ember.TextArea。使用这些辅助器,你可以 阅读全文
摘要:
一、The {{action}} Helper 你的应用程序通常会需要一种方法来让用户用控件交互改变应用程序状态。 例如,你有一个显示blog post的模板,并支持用额外的信息扩展post。 可以使用{{action}}去让一个HTML元素可点击。当用户点击这个元素,命名的事件将会被发送到你的应用 阅读全文
摘要:
一、The {{link-to}} Helper 1. 使用{{link-to}}创建一个指向route的链接: app/router.js Router.map(function() { this.route("photos", function(){ this.route("edit", { p 阅读全文
摘要:
1. 一个HTML元素的class属性可以像其他属性一样被绑定: Warning!生成的HTML Warning!2. 条件值如果你需要一个基于条件属性的class值,使用if: Warning!如果isUrgent是false,HTML: Warning!如果是true: Warning... 阅读全文
摘要:
一、概述除了正常的文本,你可能还需要你的模板中包含的HTML元素的属性绑定到controller。1. 例如,设想controller有一个属性包含一个图片的URL: 生成的HTML: 2. 如果你绑定的是一个布尔值,它将会添加或者移除一个特定的属性。例如:如果isAdministrator是t... 阅读全文
摘要:
一、 概述 1. example 如果你需要遍历一个对象集合,使用Handlebars的{{#each}}。 <ul> {{#each people key="id" as |person|}} <li>Hello, {{person.name}}!</li> {{/each}} </ul> 上面的 阅读全文