Angular 4如期到达

Angular 4，由Google开发的用于构建JavaScript应用程序和动态网页的流行框架的最新版本现已发布。这是一个主要版本，但与Angular 2.x.x向后兼容。

如果您想知道Angular 3发生了什么事，请参阅我们的新闻报道Angular Jumps To Version 4，其中涵盖了2016年12月在比利时Angular会议上宣布的不连续编号的公告。从本质上讲，现在Angular已采用语义版本控制，编号已更改为与Angular路由器保持同步，该路由器负责处理包括URL在内的状态转换。当路由器达到版本4时，Angular本身需要从2跳到4，以保持前进。

从版本1到版本2涉及到对Angular的重大重写，并引入了许多重大更改，而从Angular 2迁移到4并没有预期到这种剧变。

博客文章宣布Angular 4的总体可用性超过其“新增功能”列表，声称它更小，更快，并指出：

在此版本中，我们兑现了使Angular应用程序更小，更快的承诺。我们还没有完成任何工作，您将看到我们在接下来的几个月中专注于进一步改进。

有关如何实现此目标的说明与TheView Engine有关。

我们对AOT生成的代码的外观进行了更改。在大多数情况下，这些更改将为组件生成的代码的大小减少了约60％。模板越复杂，节省的成本就越高。在我们的候选发布期间，我们听到许多开发人员的消息，迁移到4可以将其生产包减少数百千字节。另一个使Angular变得更小，更快的策略是从@ angular / core中取出，放入自己的包中。因此，如果您不使用动画，它们的代码将不会使您的制作捆绑在一起。其他值得注意的新功能包括：

改进的* ngIf和* ngForYou现在可以使用if / else样式语法，并分配局部变量，例如在展开可观察对象时：

TypeScript 2.1和2.2兼容性

Angular已更新为TypeScript的最新版本，这将提高ngc的速度，并将在整个应用程序中带来更好的类型检查。

模板的源地图现在，当您的一个模板中的某些内容引起错误时，我们会生成源地图，这些源地图会根据原始模板提供有意义的上下文。

实验性Closure兼容性现在所有代码都具有Closure注释，从而可以利用高级Closure优化功能，从而实现更小的捆绑包大小和更好的树抖动。

公告的结论是：

更新到4就像将Angular依赖项更新到最新版本一样简单，并仔细检查是否需要动画。这将适用于大多数用例。

如果需要动画，建议从根NgModule中的@ angular / platform-b​​rowser / animations导入新的BrowserAnimationsModule。否则，您的代码将编译并运行，但是动画将触发错误。