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 相关文章推荐
Ajax异步提交表单数据的说明及方法实例
Jun 22 Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
JavaScript实现简单评论功能
Aug 17 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
小程序组件之自定义顶部导航实例
Jun 12 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 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
PHP输入流php://input介绍
2012/09/18 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
JS实现购物车特效
2017/02/02 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
详解小程序用户登录状态检查与更新实例
2019/05/15 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
python生成指定尺寸缩略图的示例
2014/05/07 Python
浅谈Python 对象内存占用
2016/07/15 Python
django 使用全局搜索功能的实例详解
2019/07/18 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
浅谈three.js中的needsUpdate的应用
2012/11/12 HTML / CSS
体育专业个人的求职信范文
2013/09/21 职场文书
最新党员思想汇报
2014/01/01 职场文书
小学生手册家长评语
2014/04/16 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
2015教师见习期工作总结
2014/12/12 职场文书
信访维稳承诺书
2015/05/04 职场文书
结婚纪念日感言
2015/08/01 职场文书
logback 实现给变量指定默认值
2021/08/30 Java/Android
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS