Angular 4.0.0 强势发布，全向后兼容

经历了6个RC版本之后，今天Angular发布了4.0.0版本，这次发布是主版本的更新（遵循采用语义版本），并且在大多数情况下，Angular4.0版本是向后兼容Angular2.0的。

Angular 4 版本主要更新了什么？

• 体积更小，速度更快Angular应用程序变得更小更快，并且在未来几个月将进一步改进框架。

• 更好的模板引擎改进了AoT，将生成的代码的大小减少约60％。如果模板越复杂，那么优化的代码也会越多。（译者注：当然，这对于用户来说，完全是透明的，public api 没有发生变化。）

• 动画模块改进将动画从@angular/core中分离开来，区分核心模块与动画模块，精简核心模块体积。

来看看 Angular 4 给我们带来了哪些新的特性？

• 增强 *ngIf 和 *ngFor 语法模板绑定语法进行了几个有用的更改。现在可以使用if / else样式语法，并分配局部变量，例如在展开observable时。

• 服务端渲染（Angular Universal）原先的 Angular Universal 是社区人员维护的，后被 Angular 官方采用。目前在 4.0.0 版本中，将大部分的代码集成在@angular/platform-server模块中。为大家带来更好的服务端渲染体验，更简单Api调用。请参见基于Angular 4 的服务端渲染 demo： https://github.com/z827101859/angular-universal 。之后，官方会为大家带来更好更全面的例子。

• TypeScript 2.1 和 2.2 的兼容Angular 已更新为更新版本的 TypeScript，提高了 ngc 的速度，并且有更好的类型检查机制。

• 模板的 Source Maps当模板中的某些内容发生错误时，Angular会生成源映射，从而为原始模板提供有意义的上下文。

更多内容

• Angular官方原文： http://angularjs.blogspot.hk/2017/03/angular-400-now-available.html

• 最后，给想要学习 Angular 的同学一个Angular4的模板项目，项目结合webpack进行打包，包含了当前Angular框架中的许多新特性，喜欢的同学不妨开始从这里学习：https://github.com/ntesmail/angular-webpack-template

• git clone [email protected]:ntesmail/angular-webpack-template.git

• npm install   （由于你懂的原因，这一步你可能会安装失败，这时候大家只能翻墙咯）

• npm run start

注：文章来自掘金用户@sweetyx，已获原作者授权。

长按二维码下载掘金 App

阅读更多 Angular 干货内容~