Ember 模板
香格里拉烤鸡腿
最爱吃烤鸡腿,哪家好吃就去哪家吃
展开
-
#5 遍历Hash对象
英文原版:https://guides.emberjs.com/v2.13.0/templates/displaying-the-keys-in-an-object/如果你需要在模板中显示javascript对象的key或者value,那么你可以使用{{#each-in}}助手:/app/components/store-categories.jsimport Ember from 'ember';翻译 2017-07-01 13:18:20 · 190 阅读 · 0 评论 -
#6 绑定元素属性
英文原版:https://guides.emberjs.com/v2.13.0/templates/binding-element-attributes/除了绑定普通文本之外,你同样可能会想要绑定模板中HTML元素的属性。例如,我们假设你的controller中有个属性,它的值是一个链接到图片的URL。<div id="logo"> <img src={{logoUrl}} alt="Logo"翻译 2017-07-01 13:31:23 · 195 阅读 · 0 评论 -
#7 Links
英文原版:https://guides.emberjs.com/v2.13.0/templates/links/{{link-to}}组件通过{{link-to}}组件创建一个链接到某个路由的超链接。app/router.jsRouter.map(function() { this.route('photos', function(){ this.route('edit', { path翻译 2017-07-01 14:04:50 · 210 阅读 · 0 评论 -
#8 Actions
英文原版:https://guides.emberjs.com/v2.13.0/templates/actions/你的应用肯定需要一些用户的交互功能。比如,想象一下我们现在有一个模板用来展示了一个帖子的标题,并且当点击标题的时候,帖子的内容会被展示出来。如果你在HTML DOM元素上使用{{action}}助手,当用户点击这个元素的时候,那么一个被你命名的action事件就会被发送到当前模板对应的翻译 2017-07-01 18:00:15 · 254 阅读 · 0 评论 -
#9 input助手
英文原版:https://guides.emberjs.com/v2.13.0/templates/input-helpers/{{input}}和{{textarea}}助手是创建常用表单控件的最简单的方式。通过使用这些助手,你可以创建与用原生<input>或<textarea>生成的相同的表单,但是需要清楚的是Ember具有的双向绑定的特性。文本字段{{input value="http://w翻译 2017-07-01 23:03:47 · 214 阅读 · 0 评论 -
#1 Handlerbars 基础
英文原版:https://guides.emberjs.com/v2.13.0/templates/handlebars-basics/Ember使用 Handlebars templating library来支持用户接口。Handlerbars模版包括惊天的HTML和动态的Handlerbar表达式。Handlerbar表达式中动态的内容通过数据绑定技术来渲染。这就是说,当你更新某个Ember对翻译 2017-06-20 10:33:02 · 553 阅读 · 0 评论 -
#2 内建的助手
英文原版:https://guides.emberjs.com/v2.13.0/templates/built-in-helpers/内建的助手在上一节我们了解到了如果来自定义一个助手。助手通常是一些在模版中随时都可能用到的简单逻辑。Ember提供了一些助手来帮你减轻一些开发的工作量。这些助手会帮你通过更动态的方式来给其他的助手或者组件中传值。通过助手来动态得到属性{{get}}助手可以帮你轻松把变翻译 2017-06-25 00:33:12 · 170 阅读 · 0 评论 -
#3 条件判断
英文原版:https://guides.emberjs.com/v2.13.0/templates/conditionals/像比如if 或者 unless这样的语句,在Ember中也被作为助手实现了。助手有三种被调用的方式,下面就来了解每种的调用方式。行内调用第一种—- 行内调用。这看上去就与显示属性的写法差不多,不过需要接收参数:<div> {{if isFast "zoooom" "put翻译 2017-06-25 13:08:20 · 209 阅读 · 0 评论 -
#4 展示列表
英文原版:https://guides.emberjs.com/v2.13.0/templates/displaying-a-list-of-items/翻译 2017-06-27 20:59:51 · 163 阅读 · 0 评论