angular4 新特性

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