Ember.js 指引--核心概念

本文深入解析了Ember.js的模版、视图、控制器、模型和路由器等核心概念,详细介绍了它们的功能和作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

官方文档地址: http://emberjs.com/guides/concepts/core-concepts/

由于是从word考过来的,格式不是太好,大家可以直接去下载我的完整word。里面除了翻译还有原创内容。

http://download.youkuaiyun.com/detail/kevinwon1985/5230326


核心概念

模版

模版是用来描述你的应用的用户界面的,它是用Handlebars 模版语言来写的。

除了普通的HTML,模版还包含以下内容:

表达式,从控制器和模型中获取数据,并将数据替换成html内容。当数据改变时,会自动更新html内容。例如:{{firstName}}

插座(Outlet),模版的占位符。当用户访问你的应用的时候,路由器会根据url将不同的模版插入到插座(outlet)中展示出来。在模版中使用{{outlet}}标签来添加一个插座(outlet)。

视图(View),负责处理用户事件。在模版中使用{{view}}标签来添加一个视图。

 

视图

      视图被用来嵌入模版中,负责将原生事件转换成你的应用中的语义事件,并将时间发送到控制器。

      例如,一个视图可能转换一个click事件成有意义的deleteItem事件,然后发送到控制器中。如果控制器没有实现deleteItem事件,则会发送到当前的路由中。

控制器

      控制器是一个存储应用临时数据的对象。模版会连接控制器,并将当前存储的数据转换成HTML。

      控制器通常作为模型的代理,为模版提供数据。这种情况下,控制器传递模型的属性给模版,可以通过改变模型来改变展现结果。

模型

      模型是一个存储持久化数据的对象。这些数据会被你的应用操作的,还会展示值给用户。这些数据通常是从服务器获取,当数据改变时,还会保存到服务器。

      通常,使用Ember Data将加载的数据转化成具有关系,计算属性的对象。

路由器

      路由器是一个负责管理应用状态的对象。

      当你的用户启动应用程序时路由器将根据URL显示相应的模板并为模板配对相应的模型对象。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值