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 相关文章推荐
jquery 经典动画菜单效果代码
Jan 26 Javascript
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
JS实现为表格动态添加标题的方法
Mar 31 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
js基础之DOM中元素对象的属性方法详解
Oct 28 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
Vue.js 单页面多路由区域操作的实例详解
Jul 17 Javascript
自制简易打赏功能的实例
Sep 02 Javascript
JS实现的A*寻路算法详解
Dec 14 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
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
PHP日期时间函数的高级应用技巧
2009/05/16 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
PHP中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
Zabbix添加Node.js监控的方法
2016/10/20 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
基于JS实现web端录音与播放功能
2019/04/17 Javascript
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
node.js使用yargs处理命令行参数操作示例
2020/02/11 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
2020/11/04 Javascript
python使用递归解决全排列数字示例
2014/02/11 Python
简单介绍Python中的RSS处理
2015/04/13 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
物业保安主管岗位职责
2013/12/25 职场文书
大学生作弊检讨书
2014/02/19 职场文书
鸿星尔克广告词
2014/03/21 职场文书
篮球赛口号
2014/06/18 职场文书
药店营业员岗位职责
2015/04/14 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
详解Python类和对象内容
2021/06/22 Python
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android