AngularJS正式发布5年后发布了Angular 4。在这两个版本之间，引入了Angular 2，这是对AngularJS的完全重写。 AngularJS的“ MVC”体系结构被废弃了。在Angular 2中引入了新的“服务控制器”体系结构。在Angular 2出现之后，Angular 4的效率要比其前身高得多。但是，两个版本中使用的架构都是相同的，因此与从JS升级到v2相比，将项目从v2升级到v4相对容易一些。
由于路由器软件包已经在3.3.0版中，因此跳过了Angular 3。为了避免进一步的故障，团队决定跳过v3.x并将所有其他模块直接升级到v4.0。 angular 4最初于2017年3月发布。
特征：
- 架构： AngularJS的MVC架构被“服务控制器”架构所取代。
- 视图引擎：视图引擎有助于将组件代码减少60％。由于捆绑包的大小减少了几千字节，因此使应用程序轻巧。
- 动画：动画现在有一个单独的程序包。也可以从@ angular / platform-browser / animations的BrowserAnimationsModule导入动画。
- 打字稿： Angular 4使用打字稿v2.2。 Typescript被认为是Javascript的超集。
- 新关键字：引入了一些新关键字，例如“ as”。通常用于将切片或命令的输出存储在某个变量中。在Angular 4中也引入了’else’条件。循环条件有助于代码压缩。
- 使用“ as”关键字：
Months: {{j}} Num: {{num.length}}
- 在Angular 4中使用’if-else’条件： ‘ngIf’输出’有效条件’，而’else’条件输出’无效条件’。
Valid Condition.Invalid Condition
- 使用“ as”关键字：
- 移动支持：几乎每个现代的移动浏览器都支持Angular 4。
- HTTP搜索参数：无需为HTTP搜索参数调用URLSearchParams。
- 与先前版本的兼容性： Angular 4与Angular 2和AngularJS兼容。在Angular 2中开发的项目将在Angular 4中毫无问题地运行。