由ubuntu的疯狂创建，最后一次修改2017-01-06本篇主要介绍格式转换、自定义helper、自定义helper参数、状态helper、HTML标签转义这几个方面的东西。按照文章惯例先准备好测试所需要的数据、文件。仍然是使用EmberCLI命令，这次我们创建的是helper、controller、route（创建...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06Ember不仅提供了专门用于调试Ember程序的谷歌、火狐浏览器插件EmberInspector(安装插件可能需要翻墙，如果你也是一个程序员我想翻墙对于你来说应该不是什么难事！！！)，还提供了用于调试的helper。按照惯例，先做好准备工作，分别执行EmberC...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06Ember提供的表单元素都是经过封装的，封装成了view组件。经过解析渲染之后就会生成普通的HTML标签。更多详细信息你可以查看他们的实现源码：Ember.TextField、Ember.Chechbox、Ember.TextArea。按照惯例，先创建一个rou...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06action助手所现实的功能与javascript里的事件是相似的，都是通过用户点击元素触发定义在元素上的事件。Ember的action助手还允许你传递参数到对应的controller、component类，在controller或者component上处理事件...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在Ember中路由和模板的执行都是有一定顺序的，它们的顺序为：主路由->子路由1->子路由2->子路由3->……。模板渲染的顺序与路由执行顺序刚好相反，从最后一个模板开始解析渲染。注意：模板的渲染是在所有路由执行完之后，从最后一个模板开始。关于这一点下面的代码会...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-061，link-to助手常规使用link-to助手表达式渲染之后就是一个a标签。而a标签的href属性的值是根据路由生成的，与路由的设置是息息相关的。并且每个设置的路由名称都是有着对应的关系的。为了演示效果，用命令生成了一个route（或者手动创建文件）并获取测试...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06简单讲属性绑定其实就是在HTML标签内（是在一个标签的””中使用）直接使用handlebars表达式。可以直接用handlebars表达式的值作为HTML标签中某个属性的值。准备工作：embergenerateroutebinding-element-attri...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在实际的开发过程中你很有可能需要显示出对象数组的键或者值，如果你需要同时显示出对象的键和值你可以使用{{#each-in}}标签。注意：each-in标签是Ember2.0才有的功能，之前的版本是无法使用这个标签的，如果是2.0一下的版本会报错：Uncaught...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06采用与上一篇文章一样的方法，使用embergenerateroutehandlebars-each命令创建了一个路由文件和一个对应的模板文件。这一篇将为你介绍遍历标签，数组的遍历几乎在任何的常用的开发语言中都能看到，也是使用非常广泛的一个功能。下面我将为大家介绍...

[阅读全文]

由ubuntu的疯狂创建，小路依依最后一次修改2017-01-06handlebars模板提供了与一般语言类似的条件表达式，比如if、if……else……。在介绍这些条件表达式之前，我们先做好演示的准备工作。首先我会使用EmberCLI命令创建route、template，然后在创建的template上编写handle...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06Ember采用handlebars模板库作为应用的view层。Handlebars模板与普通的HTML非常相似。但是相比普通的HTML而言handlebars提供了非常丰富的表达式。Ember采用handlebars模板并且扩展了很多功能，让你使用handleb...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06本篇之前的6篇文章都是第一章的内容，这一章节主要介绍了Ember的对象模型。其中最重要的是计算属性和枚举这2章，非常之重要，一定要好好掌握！下一章节是第二章模板，Ember应用使用的模板库是handlebar（点我查看更多有关此模板的介绍），这个模板库功能强大，...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在Ember中，枚举是包含多个子对象的对象，并且提供了丰富的API（Ember.EnumerableAPI）去获取所包含的子对象。Ember的枚举都是基于原生的javascript数组实现的，Ember扩展了其中的很多接口。Ember提供一个标准化接口处理枚举，...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06正如其他的框架一样，Ember也有它特有的数据绑定方式，并且可以在任何一个对象上使用绑定。而然，数据绑定大多数情况都是使用在Ember框架本身，对于开发者最好还是使用计算属性更为简单方便。双向绑定//双向绑定Wife=Ember.Object.extend({h...

[阅读全文]

由ubuntu的疯狂创建，小路依依最后一次修改2017-01-06Ember可以检测任何属性的变化，包括计算属性。观察者使用Ember可以察觉所有属性的变化，包括计算属性。观察者是非常有用的，特别是计算属性绑定之后需要同步的时候。观察者经常被Ember开发过度使用。Ember框架本身已经大量使用观察者，但是对于大多数的...

[阅读全文]

由ubuntu的疯狂创建，小路依依最后一次修改2017-01-06简单的计算属性简单地来说，计算属性就是将函数声明为属性，就类似于调用了一个函数，Ember会自动调用这个函数。计算属性最大的特点就是能自动检测变化，及时更新数据。Person=Ember.Object.extend({firstName:null,las...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06扩展一般属性reopen不知道怎么翻译好，如果按照reopen翻译过来应该是“重新打开”，但是总觉得不顺，所以就译成扩展了，如果有不妥请指正。当你想扩展一个类你可以直接使用reopen()方法为一个已经定义好的类添加属性、方法。如果是使用extend()方法你需...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06EmberJS提供一套自己的类系统，普通的JavaScript标准类不能自动更新属性值，EmberJS的类会自动触发观察者，自动更新属性值、自动刷新模板上的属性值。如果一个类是EmberJS提供的可以看到前缀命名空间是Ember.Object。Ember类定义使...

[阅读全文]