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版本，这个最新版本使得最终的编译非常小。
网友评论