Angular有三个主要版本。发布的第一个版本是Angular1，也称为AngularJS。 Angular1之后是Angular2，与Angular1相比，它进行了很多更改。

Angular的结构基于组件/服务架构。 AngularJS基于模型视图控制器。事实证明，2017年3月发布的Angular 4是一项重大突破，是Angular团队继Angular2之后发布的最新版本。

Angular 4与Angular 2几乎相同。它与Angular 2具有向后兼容性。在Angular 2中开发的项目可以正常工作，而Angular 4不会出现任何问题。

现在让我们看看Angular 4中的新功能和所做的更改。

为什么选择Angular4而不选择Angular3？

Angular团队在其模块内部面临一些版本控制问题，由于冲突，他们不得不继续前进并发布Angular的下一个版本– Angular4。

现在让我们看看Angular 4中添加的新功能-

ngIf

Angular2仅支持if条件。但是，Angular 4也支持if else条件。让我们看看使用ng-template的方式。

Condition is valid.
Condition is invalid

作为for循环中的关键字

借助as关键字，您可以存储值，如下所示-

   Months: {{i}} Total: {{total.length}}

变量total使用as关键字存储切片的输出。

动画包

Angular 4中的动画作为单独的软件包提供，需要从@ angular / animations导入。在Angular2中，它可以与@ angular / core一起使用。它的向后兼容性方面仍然保持不变。

模板

Angular 4使用作为标记而不是