Angular发布1.5正式版,专注于向Angular 2的过渡


Posted in Javascript onFebruary 18, 2016

Angular团队最近发布了Angular 1.5的正式版,该版本实现了一次重大的升级,它让仍在使用1.X版本的开发者将能够更容易地过渡到Angular 2的开发。

Pete Bacon Darwin在此次发布 声明 的博客文章中写道,这次发布的目的是“改进Angular 2的升级路径。我们在这次发布中引入了一些新的特性,让开发者编写的Angular 1应用更接近于在Angular 2中应用的结构。”

此次发布中,新的module.component()辅助方法是向Angular 2进行过渡的最大变更。通过使用该方法,开发者就不必再遵循传统的directive定义对象风格编写directive了。如果读者已经熟悉Angular 2的写法,就应当注意到这种相似性。在文章中,作者通过一个示例表现了定义一个新component的方法:

myModule.component('myComponent', {
template: '<h1>Hello {{ $ctrl.getFullName() }}</h1>',
bindings: { firstName: '<', lastName: '<' },
controller: function() {
this.getFullName = function() {
return this.firstName + ' ' + this.lastName;
};
}
});

在component出现之前,开发者通常只能使用directive,或是通过对controller的非常规使用才能够实现某些场景。但这并不是说component就将完全取代directive的作用了,比方说component就无法用于操作DOM,并且所有的component都必须通过自定义的HTML元素激活,而不支持通过元素的属性触发。按照以上方式定义的component可通过以下代码使用:

<my-component first-name="'Alan'" last-name="'Rickman'"></my-component>

新的 component指南 对于传统的directive与component之间的区别提供了更完整的说明。

单向绑定

生命周期钩子

绑定至必需的directive

支持多个slot的transclusion

默认transclusion内容

目前在使用1.4版本的开发者可以阅读 迁移指南 以了解迁移时需要进行哪些必要的变更,因为1.5版本中引入了一些破坏性的变更。

在可预见的一段时间内,1.5版本应当是最大的一次变更了。当InfoQ向Bacon Darwin问及1.X版本将何去何从时,他是这样回答的:

我们还没有开始计划Angular 1的下一次发布周期。由于离Angular 2正式发布的日期已经越来越近了,因此如果我们继续开发Angular 1,那么也会尽量使它更接近于Angular 2。如果为了实现这一点而必须引入破坏性的变更,那么可以预计1.6版本的出现。同时,我们还将继续Angular 1.5.x版本的开发,提供bug的修复以及一些较小的特性。总之,这与我们让Angular 1.X更易于迁移至Angular 2的目标并不冲突。

新的component router特性应当在本周的稍晚时间发布。感兴趣的朋友敬请关注三水点靠木网站!

Javascript 相关文章推荐
jQuery ui1.7 dialog只能弹出一次问题
Aug 27 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 Javascript
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
jquery实现兼容IE8的异步上传文件
Jun 15 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
vue移动端的左右滑动事件详解
Jun 17 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 #Javascript
javascript每日必学之条件分支
Feb 17 #Javascript
JavaScipt中栈的实现方法
Feb 17 #Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 #Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
Feb 17 #Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 #Javascript
Bootstrap入门书籍之(一)排版
Feb 17 #Javascript
You might like
德劲1107的电路分析与打磨
2021/03/02 无线电
php+xml实现在线英文词典之添加词条的方法
2015/01/23 PHP
ThinkPHP安装和设置
2015/07/27 PHP
PHP编程获取各个时间段具体时间的方法
2017/05/26 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
Apache+PHP+MySQL搭建PHP开发环境图文教程
2020/08/06 PHP
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
extJs 下拉框联动实现代码
2010/04/09 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
js实现文字无缝向上滚动
2017/02/16 Javascript
基于jQuery的表单填充实例
2017/08/22 jQuery
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
用js编写留言板
2020/03/17 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
详解Python字符串切片
2019/05/20 Python
Python实现把类当做字典来访问
2019/12/16 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
元旦晚会活动总结
2014/07/09 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
新员工入职欢迎词
2015/01/23 职场文书
团拜会主持词
2015/07/04 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书
python opencv通过按键采集图片源码
2021/05/20 Python
python编程项目中线上问题排查与解决
2021/11/01 Python
SQL Server表分区降低运维和维护成本
2022/04/08 SQL Server