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 相关文章推荐
简单时间提示DEMO从0开始一直进行计时
Nov 19 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
Jan 27 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 Javascript
基于Bootstrap实现tab标签切换效果
Apr 15 Javascript
js实现抽奖效果
Mar 27 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 Javascript
JavaScript实现拖拽功能
Feb 11 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
ES6函数实现排它两种写法解析
May 13 Javascript
vue+axios 拦截器实现统一token的案例
Sep 11 Javascript
代码解析React中setState同步和异步问题
Jun 03 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面向对象之多态
2014/08/20 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
围观tangram js库
2010/12/28 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
JavaScript中利用Array和Object实现Map的方法
2015/07/27 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
微信小程序 PHP生成带参数二维码
2017/02/21 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
JS实现横向轮播图(初级版)
2020/06/24 Javascript
vue实现购物车案例
2020/05/30 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
python重试装饰器示例
2014/02/11 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
获取python文件扩展名和文件名方法
2018/02/02 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
现代化办公人员工作的自我评价
2013/10/16 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
购房协议书范本
2014/10/02 职场文书
公司委托书格式范文
2014/10/09 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
结婚典礼致辞
2015/07/28 职场文书
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL
分享几个实用的CSS代码块
2022/06/10 HTML / CSS