Web前端框架Angular4.0.0 正式版发布

前言

angular4.0.0正式版现在可以使用了。这是自我们宣布angular改版后，首次发布的专业版本。它向下兼容，支持所有使用了angular2.x.x版本的应用程序。

我们很高兴和大家分享这个版本，它包括最近的3个月中我们做的功能上的主要改进。我们努力让开发者们能够很容易的接受angular4.0.0。

新版本的特性

•更轻量化、更快

在这个新版本上，我们履行了我们的承诺，我们做到了让Angular的程序变的更轻量化，更快。但是我们还没有完全的优化完，在接下来的日子中，你会看到我们将着重于这方面的改进。

•视图引擎

我们在后台改变了生成的AOT代码样式。这个变化将减少大多数情况下生成的60%的组件代码。它可以使你自己的模板更个性化，复用率更高。

在我们新版本还没发布的时候，我们听到很多开发者认为如果他们将angular更新到4.0.0，angular4.0.0将会使他们的生产束将降低。为了更好的了解我们对视图引擎做的改进，欢迎阅读我们的开发文档。

•动画包

我们在@angular/core中新增了很多我们自己的动画效果包。这就意味着，你用或不用，动画包就在那里，不离不弃。

这个变化同样会让你更容易的找到文档，更好的实现自动完成。你也可以从@angular/platform-browser/animations中导入浏览器动画模型，以此来为你的主要模块实现你需要的动画效果。

新功能

•*ngIf和*ngFor的改进

我们的模块绑定语法现在支持一些有用的改进。你现在可以使用if/else这类风格的语法，并且局部变量支持类似下面的使用。

<div *ngIf="userList | async as users; else loading">
<user-profile *ngFor="let user of users; count as count" [user]="user">
</user-profile>
<div>{{count}} total users</div>
</div>
<ng-template #loading>Loading...</ng-template>

•Angular Universal

Universal，这个项目允许开发者在服务器上运行Angular，这是angular的所改即所见特性。这是angular团队通过的第一个来自于使用者，社区推动发展的一个项目。这个版本包括过去几个月内我们开发团队及社区开发者的，共同努力的结果。Angular的平台服务器部分包含了Universal的专业代码。

如果想了解更多的Augular的Universal，请查阅Angular/平台服务器中的一个新方法，renderModuleFactory，或者查看Rob Wormald的演示库。更多的文档和代码即将发布。

•TypeScript 2.1和2.2的兼容性

我们让Angular支持了最近的几个TypeScript的版本。这将会提升ngc的速度，此外，你的程序还将得到更好的类型检查。

•模块的源映射

当你的模块中的某个因素会造成错误时，我们会生成一个源映射，给出模块中产生错误的上下文位置。

包的变化

•Flat ES Modules (Flat ESM / FESM)

我们现在扁平化我们组件的版本（我们在EcmaScript模块通过格式化代码来控制版本，具体参见我们的示例文件）。这种行为将会帮助 你进行tree-shaking，帮助减少你的生产术的大小，加快编译，翻译，以及在某些情况下浏览器的加载。

•Experimental ES2015 Builds

我们现在也选择使用ES2015将我们的包扁平化，格式化。这种选择是带有实验性质和冒险进入的。开发商已经通报了，把这些包汇总将会增加7%的大小。尝试一下这些新的包，配置编译环境来解决包中的‘ec2015'属性。json超出了这些模块的属性。

•Experimental Closure Compatibility

现在我们所有的代码都有闭包注释，使其尽可能的利用先进的闭包优化，从而导致减小的束大小和更好的tree shaking代码优化。

更新4.0.0

更新到4.0.0是和你更新Angular支持包到最新版本一样简单，如果你想要动画的新特性，请检查两次。这将试用与大多数情况。

•Linux/Mac系统下更新：

npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save

•window下更新：

npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

接着你就可以正常使用了，可以运行任意的ng服务或者ng命令，一切就都就绪了。

如果你依赖动画，可以在你的root NgModule下从@angular/platform-browser/animations模块中导入新的BrowserAnimationsModule类。

如果不需要动画，除了动画存在小问题，你的代码可以直接编译和运行。从Angular/core下引入包是过时的一种做法，正常的做法应该是从@angular/animations导入新的包，导入{ trigger, state, style, transition, animate }等。

如果你想看到更多改变你的应用程序需要的信息，你可以参考我们正在做的交互式更新指南。

已知问题

angular4的其中一个目标是使angular兼容TypeScript的strictNullChecks设置，使其支持一个更严格的子集类型的授权。我们发现在发布候选版时，我们需要做各种工作，来保证angular4在各种使用情况下都可以正常运行，所以为了防止应用程序中途停止运行，我们故意设置4.0版本不支持strictNullChecks。我们会很快解决这个问题的，预计在4.1版本，我们将支持strictNullChecks。（问题编号：15432）。

下一步呢？

和我们发布2.x版本的时间表一样，我们正在制定未来6个月的版本发布的工作计划。你很快就能看到4.0.0的补丁，并且我们已经在开发4.1版本了。我们将继续努力让Angular变的更小和更快，我们还会开发新的功能，比如说@angular/http，@angular/service-worker, and @angular/language-service的正式版本。

你也应该持续关注、更新我们的文档，一旦CLI稳定发布，我们将提供相应的架包作者的指导。

来源于angular4.0.0发布时的公告，译者:niithub

原文发布时间：Thursday, March 23, 2017

翻译时间:2017年3月24日

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

# angular4.0发布  # angular  # 4.0.0  # angular4  # 正式版  # Angular4 中常用的指令入门总结  # 浅谈angular4生命周期钩子  # Angular4学习笔记之准备和环境搭建项目  # Angular4 中内置指令的基本用法  # 详解Angular4 路由设置相关  # 深入理解Angular4中的依赖注入  # angular4中关于表单的校验示例  # Angular4开发解决跨域问题详解  # Angular4学习笔记之实现绑定和分包  # 浅谈angular4 ng-content 中隐藏的内容  # Angular4的输入属性与输出属性实例详解  # 这是  # 自己的  # 更快  # 几个  # 新版本  # 文档  # 将会  # 应用程序  # 情况下  # 使其  # 我们现在  # 使用了  # 这将  # 新到  # 发布时间  # 扁平化  # 他们的  # 如果你  # 都有  # 还没有 

相关文章： 怎么将XML数据可视化 D3.js加载XML  深圳网站制作的公司有哪些,dido官方网站？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  教学网站制作软件,学习*后期制作的网站有哪些？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  建站主机如何选？高性价比方案全解析  建站主机服务器选购指南：轻量应用与VPS配置解析  如何高效利用亚马逊云主机搭建企业网站？  高端企业智能建站程序：SEO优化与响应式模板定制开发  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  如何快速搭建高效可靠的建站解决方案？  婚礼视频制作网站,学习*后期制作的网站有哪些？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  如何快速搭建二级域名独立网站？  建站之星安装失败：服务器环境不兼容？  如何快速配置高效服务器建站软件？  建站主机空间推荐 高性价比配置与快速部署方案解析  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  如何通过NAT技术实现内网高效建站？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  高防服务器租用如何选择配置与防御等级？  红河网站制作公司,红河事业单位身份证如何上传？  建站之星后台密码遗忘或太弱？如何重置与强化？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何用PHP快速搭建CMS系统？  如何在七牛云存储上搭建网站并设置自定义域名？  定制建站价位费用解析与套餐推荐全攻略  如何打造高效商业网站？建站目的决定转化率  公司门户网站制作流程,华为官网怎么做？  制作网站的模板软件,网站怎么建设？  济南企业网站制作公司,济南社保单位网上缴费步骤？  javascript基本数据类型及类型检测常用方法小结  建站之星免费版是否永久可用？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何快速完成中国万网建站详细流程？  已有域名如何免费搭建网站？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  如何快速搭建安全的FTP站点？  网站制作员失业,怎样查看自己网站的注册者？  太平洋网站制作公司,网络用语太平洋是什么意思？  如何挑选高效建站主机与优质域名？  建站DNS解析失败？如何正确配置域名服务器？  浅析上传头像示例及其注意事项  常州自助建站费用包含哪些项目？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  建站主机如何安装配置？新手必看操作指南  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  5种Android数据存储方式汇总  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  免费ppt制作网站,有没有值得推荐的免费PPT网站？