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 相关文章推荐
程序员必知35个jQuery 代码片段
Nov 05 Javascript
javascript设计模式--策略模式之输入验证
Nov 27 Javascript
深入浅析JavaScript中的Function类型
Jul 09 Javascript
js利用appendChild对标签进行排序的实现方法
Oct 16 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
bootstrap栅格系统示例代码分享
May 22 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
使用Electron构建React+Webpack桌面应用的方法
Dec 15 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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
第三节 定义一个类 [3]
2006/10/09 PHP
通达OA公共代码 php常用检测函数
2011/12/14 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
php常用数学函数汇总
2014/11/21 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
简单的js计算器实现
2016/10/26 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
vue使用Axios做ajax请求详解
2017/06/07 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
通过js控制时间,一秒一秒自己动的实例
2017/10/25 Javascript
nginx配置React静态页面的方法教程
2017/11/03 Javascript
vue组件的写法汇总
2018/04/12 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
Python利用多进程将大量数据放入有限内存的教程
2015/04/01 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
德国足球商店:OUTFITTER
2019/05/06 全球购物
电台实习生求职信
2014/02/25 职场文书
开展创先争优活动总结
2014/08/28 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
师德承诺书
2015/01/20 职场文书
青岛导游词
2015/02/12 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
残联2016年全国助残日活动总结
2016/04/01 职场文书
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL
mysql使用instr达到in(字符串)的效果
2022/04/03 MySQL