Angular有三個主要版本。發布的第一個版本是Angular1，也叫AngularJS。Angular1之后是Angular2，與Angular1相比，它有很多變化。
Angular的結構基于組件/服務架構。AngularJS是基于模型，視圖，控制器。在2017年3月發布的Angular 4被證明是一個重大突破，是Angular團隊繼Angular2之后的最新版本。
Angular 4幾乎和Angular 2一樣。它與Angular 2具有向后兼容性。在Angular 2中開發的項目在Angular 4中不會有任何問題。
為什么是Angular4而不是Angular3?
Angular團隊在內部面臨著一些模塊版本問題，由于沖突，他們不得不繼續發布Angular的下一個版本——Angular4。
我們現在看到的新特性添加到Angular4
- Angular2只支持if條件。然而，Angular 4也支持if else條件。讓我們看看如何使用ng模板。
<span *ngIf="isavailable; else condition1">Condition is valid.</span>
<ng-template #condition1>Condition is invalid</ng-template>
- as 關鍵字在 for循環
<div *ngFor="let i of months | slice:0:5 as total">
Months: {{i}} Total: {{total.length}}
</div>
Animation 包
Angular 4中的動畫可以作為單獨的包使用，需要從@angular/ Animation中導入。在Angular2中，@angular/core可以使用它。它的向后兼容性方面仍然保持不變。模板
Angular 4使用<ng-template>作為標簽，而不是<template>;后者用于Angular2。Angular 4之所以將<template>改為<ng-template>，是因為<template>標簽與html <template>標準標簽的名稱沖突。它將完全不贊成繼續下去。這是Angular 4中的一個主要變化。TypeScript 2.2
Angular 4更新到了TypeScript的最新版本，即2.2。這有助于提高速度，并在項目中提供更好的類型檢查。Pipe Title Case
Angular 4添加了一個新的管道標題大小寫，將每個單詞的第一個字母改為大寫。
<div>
<h2>{{ 'Angular 4 titlecase' | titlecase }}</h2>
</div>
Http搜索參數
對http get api的搜索參數進行了簡化。我們不需要調用URLSearchParams，因為這與在Angular2中所做的相同。更小、更快的應用程序
與Angular2相比，Angular 4的應用程序更小、更快。它使用的是TypeScript 2.2版本，這個最新版本使得最終的編譯非常小。
