上一页 1 2 3 4 5 6 7 8 ··· 10 下一页
摘要: 1. route handler一个重要的任务就是渲染合适的模板到屏幕。 2. 默认的,一个route handler将会呈现模板到最近的父模板。 app/router.js Router.map(function() { this.route('post'); }); app/routes/pos 阅读全文
posted @ 2016-01-25 16:19 鱼不吐泡泡 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 1. 改变URL可能也会改变屏幕显示哪个模板。然而,如果它们有信息去显示,模板才是有用的。 2. 在Ember.js中,一个模板从一个controller检索信息去显示。 3. 为了告诉controller去展示哪个模板,在路由处理器的setupController hook中设置它的model属性 阅读全文
posted @ 2016-01-25 16:01 鱼不吐泡泡 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 一、概述 应用程序中,templates被models支持。但是templates是如何知道它们应该显示哪个model呢? 例如,你有一个photos模板,它是如何知道它该呈现哪个model呢? 这就是Ember.Route工作的一部分。你可以通过定义一个和template同名的route来告诉模板 阅读全文
posted @ 2016-01-25 14:34 鱼不吐泡泡 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 就像在routing guide中介绍的那样,不管什么时候你在路由器中定义一个新路径,Ember.js就会尝试寻找一个对应的route,controller,template,它们的命名都是根据命名约定的。如果没找到任何这些对象的实现,会为你生成合适的对象。 一、Generated Routes 假 阅读全文
posted @ 2016-01-25 12:15 鱼不吐泡泡 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 一、概述 1. 当应用程序启动时,路由器负责显示模板,加载数据,另外还设置应用程序的状态。这是通过匹配当前URL到你定义的routes来实现的。 2. Ember app router中的Map方法可以被调用来定义URL映射。当调用Map时,你应该传递一个function,它将会被调用,this会被 阅读全文
posted @ 2016-01-25 12:06 鱼不吐泡泡 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 一、Routing 1. 当用户与应用程序交互时,它会经过很多状态。Ember.js为你提供了有用的工具去管理它的状态和扩展你的app。 2. 要理解为什么这是重要的,假设我们正在编写一个Web应用程序来管理一个博客。如:是当前登录的用户吗?他们是管理员用户吗?他们在看什么?是设置屏幕打开?他们正在 阅读全文
posted @ 2016-01-25 10:10 鱼不吐泡泡 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 一、概述 1. Helpers允许你向你的模板添加超出在Ember中开箱即用的额外的功能。辅助器是最有用的,用于将来自模型和组件的原始值转换成更适合于用户的格式。 2. 例如,假设我们有一个Invoice model,它包含一个totalDue属性,它代表那个invoice的总数。由于我们不希望我们 阅读全文
posted @ 2016-01-23 15:59 鱼不吐泡泡 阅读(383) 评论(0) 推荐(0) 编辑
摘要: Ember提供几个辅助器允许你使用不同的方法渲染模板(render templates)。 一、The {{partial}} Helper {{partial}}以呈现的模板作为参数,并在这里呈现模板。 {{partial}}不改变上下文或作用域。它简单的将给定的模板放置到当前作用域中。 app/ 阅读全文
posted @ 2016-01-23 14:35 鱼不吐泡泡 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 一、Development Helpers Handlebar和Ember有好多个辅助器可以使模板开发更容易。 这些辅助器输出变量到浏览器的控制台,或者从模板中激活debugger。 二、Logging {{log}}辅助器可以很容易的将当前上下文中的变量或者表达式输出到你的控制台console中: 阅读全文
posted @ 2016-01-23 13:33 鱼不吐泡泡 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 一、Input Helpers Ember中{{input}}和{{textarea}}是创建常规表单控件最简单的方法。 {{input}}包裹内建的Ember.TextField和Ember.Checkbox视图,然而{{textarea}}包裹Ember.TextArea。使用这些辅助器,你可以 阅读全文
posted @ 2016-01-23 13:16 鱼不吐泡泡 阅读(336) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 10 下一页