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 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
一个JavaScript函数把URL参数解析成Json对象
Sep 24 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
jQuery获取元素父节点的方法
Jun 21 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
Oct 18 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
Aug 20 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 Javascript
js实现拖拽与碰撞检测
Sep 18 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 self与$this的详解
2013/06/08 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
JavaScript 密码强度判断代码
2009/09/05 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
jquery 操作iframe的几种方法总结
2013/12/13 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
JS判断浏览器是否安装flash插件的简单方法
2016/09/13 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
python实现dnspod自动更新dns解析的方法
2014/02/14 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
python aiohttp的使用详解
2019/06/20 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
广告学专业应届生求职信
2013/10/01 职场文书
3分钟英语演讲稿
2014/04/29 职场文书
中国梦口号
2014/06/13 职场文书
2015年暑期见闻
2015/07/14 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS