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 相关文章推荐
一些mootools的学习资源
Feb 07 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
ie与ff下的event事件使用介绍
Nov 25 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
angularjs http与后台交互的实现示例
Dec 21 Javascript
深入理解JS异步编程-Promise
Jun 03 Javascript
js实现div色块碰撞
Jan 16 Javascript
webpack打包优化的几个方法总结
Feb 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
如何在PHP中使用Oracle数据库(4)
2006/10/09 PHP
php.ini 配置文件的深入解析
2013/06/17 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
php获取本周开始日期和结束日期的方法
2015/03/09 PHP
PHP多文件上传实例
2015/07/09 PHP
php pdo操作数据库示例
2017/03/10 PHP
javascript学习笔记--数字格式类型
2014/05/22 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
2016/03/07 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
2016/06/01 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
js仿百度音乐全选操作
2017/01/13 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
js实现日历
2020/11/07 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
Django框架 信号调度原理解析
2019/09/04 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
Selenium webdriver添加cookie实现过程详解
2020/08/12 Python
详解Python中的文件操作
2021/01/14 Python
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
网络教育自我鉴定
2013/11/01 职场文书
优秀演讲稿范文
2013/12/29 职场文书
初中校园之声广播稿
2014/01/15 职场文书
资金主管岗位职责范本
2014/03/04 职场文书
yy婚礼主持词
2014/03/14 职场文书
班组长安全工作职责
2014/07/15 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js