Ember.js 入门指南——handlebars显示对象的键(未完待续)

  在实际的开发过程中你很有可能需要显示出对象数组的键或者值,如果你需要同时显示出对象的键和值你可以使用{{#each-in}}标签。

准备工作:使用Ember CLI生成一个component,与此同时会生成一个对应的模板文件。

ember generate component store-categories

执行上述命令得到下面的3个文件:

app/components/store-categories.js

app/templates/components/store-categories.hbstests/integration/components/store-categories-test.js

然后在app/router.js增加一个路由设置,在map方法里添加“this.route(‘store-categories‘);”;此时可以直接访问http://localhost:4200/store-categories;

http://guides.emberjs.com/v2.0.0/templates/displaying-the-keys-in-an-object/

这一节还不知道怎么回事就是不出结果,待到后面学习了component在回头补上!!!

时间: 2024-10-23 16:58:15

Ember.js 入门指南——handlebars显示对象的键(未完待续)的相关文章

Ember.js 入门指南——handlebars遍历标签

本系列文章全部从(http://ibeginner.sinaapp.com/)迁移过来,欢迎访问原网站. 采用与上一篇文章一样的方法,使用 ember generate route handlebars-each 命令创建了一个路由文件和一个对应的模板文件. 这一篇将为你介绍遍历标签,数组的遍历几乎在任何的常用的开发语言中都能看到,也是使用非常广泛的一个功能.下面我将为大家介绍handlebars的遍历标签,其使用方式与EL表达式几乎是一样的.我想你看一遍下来肯定也能明白了……废话少说,下面直接

Ember.js 入门指南——handlebars基础

Ember采用handlebars模板库作为应用程序的view层.Handlebars模板与普通的HTML非常相似.但是相比普通的HTML而言handlebars提供了非常丰富的Ember表达式. Ember采用handlebars模板并且扩展了很多功能,让你使用handlebars就像使用HTML一样简单.你设置可以指定某个模板显示你的应用程序界面,并且还不需要编写更新界面显示值的代码,Ember会自动为你更新. 在介绍模板之前先介绍一个非常有用.强大的工具 Ember CLI,使用这个工具可

Ember.js 入门指南——handlebars条件表达式

本系列文章全部从(http://ibeginner.sinaapp.com/)迁移过来,欢迎访问原网站. handlebars模板提供了与一般语言类似的条件表达式,比如if.if--else--. 在介绍这些条件表达式之前,我们先做好演示的准备工作.首先我会使用Ember CLI名称创建route.template,然后在生成的template上编写handlebars模板代码. 先生成route: ember generate route handlbars-conditions-exp-ro

Ember.js 入门指南——handlebars属性绑定

本文从http://www.ibeginer.sinaapp.com迁移过来,欢迎访问原页面. 简单讲属性绑定其实就是在HTML标签内(是在一个标签的"<"和">"中使用)直接使用handlebars表达式.可以直接用handlebars表达式的值作为HTML标签中某个属性的值. 准备工作:ember generate route binding-element-attributes 1,绑定字符串 <!-- //  app/templates/b

Ember.js 入门指南——总目录

Ember.js 是什么?我想对于想学习它的人应该知道它是个什么东西,如果你想了解那就赶紧去 Google 或者百度,本系列教程是通过学习官网教程然后摘抄个人觉得比较重要的部分,加上学习实例整合而成,如有疏漏欢迎提出修改意见,一起成长! Ember官网:http://emberjs.com/ 教程官网:http://guides.emberjs.com/v2.0.0/ 在此简单介绍下 Ember: Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaSc

Ember.js 入门指南——控制器(controller)

ember new chapter5_controllers cd chapter5_controllers ember server 从本篇开始进入第五章控制器,controller在Ember2.0开始越来越精简了,职责也更加单一--处理逻辑. 下面是准备工作. 从新创建一个Ember项目,仍旧使用的是Ember CLI命令创建. 在浏览器执行项目,看到如下信息说明项目搭建成功. Welcome to Ember 1,控制器简介 控制器与组件非常相似,由此,在未来的新版本中很有可能组件将会完

Ember.js 入门指南——异步路由

本文将为你介绍路由的高级特性,这些高级特性可以用于处理项目复杂的异步逻辑. 关于单词promises,直译是承诺,但是个人觉得还是使用原文吧.读起来顺畅点. 1,promises(承诺) Ember的路由处理异步逻辑的方式是使用promises.简而言之,promises就是一个表示最终结果的对象.这个对象可能是fulfill(成功获取最终结果)也可能是reject(获取结果失败).为了获取这个最终值,或者是处理promises失败的情况都可以使用then方法,这个方法接受两个可选的回调方法,一

Ember.js 入门指南——model简介2

本文接上一篇<Ember.js 入门指南--model简介1>. 2,核心概念 声明:下面简介内摘抄至http://www.emberjs.cn/guides/models/#toc_. 1,store store是应用存放记录的中心仓库.你可以认为store是应用的所有数据的缓存.应用的控制器和路由都可以访问这个共享的store:当它们需要显示或者修改一个记录时,首先就需要访问store. DS.Store的实例会被自动创建,并且该实例被应用中所有的对象所共享. store可以看做是一个缓存

Ember.js 入门指南--目录

本系列文章全部从(http://ibeginner.sinaapp.com/)迁移过来,欢迎访问原网站. Ember.js 是什么?我想对于想学习它的人应该知道它是个什么东西,如果你想了解那就赶紧去 Google 或者百度,本系列教程是通过学习官网教程然后摘抄个人觉得比较重要的部分,加上学习实例整合而成,如有疏漏欢迎提出修改意见,一起成长! Ember官网:http://emberjs.com/ 教程官网:http://guides.emberjs.com/v2.0.0/ 在此简单介绍下 Emb