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 相关文章推荐
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
简单的js图片轮换代码(js图片轮播)
May 06 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
vue2里面ref的具体使用方法
Oct 27 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
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
Zend Guard使用指南及问题处理
2015/01/07 PHP
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
2013/10/09 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
jQuery功能函数详解
2015/02/01 Javascript
jquery跟随屏幕滚动效果的实现代码
2016/04/13 Javascript
有关jquery与DOM节点操作方法和属性记录
2016/04/15 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
2016/10/28 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
JS验证不重复验证码
2017/02/10 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
基于Vue实现拖拽功能
2020/07/29 Javascript
npm scripts 使用指南详解
2018/10/08 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
JS+DIV实现拖动效果
2020/02/11 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
python 列表删除所有指定元素的方法
2018/04/19 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
eBay加拿大站:eBay.ca
2019/06/20 全球购物
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
运动会通讯稿400字
2014/01/28 职场文书
生产部厂长助理职位说明书
2014/03/03 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
教师三严三实心得体会
2014/10/11 职场文书
二审代理词范文
2015/05/25 职场文书
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技