angular新特性

angular4

• Angular2只支持if条件。然而，Angular 4也支持if else条件。

<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中导入。

• 模板
  Angular 4使用<ng-template>作为标签，而不是<template>;后者用于Angular2。Angular 4之所以将<template>改为<ng-template>，是因为<template>标签与html <template>标准标签的名称冲突。

• 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。

angular5

• 编译优化器

默认采用CLI构建和打包。编译优化器是包含在CLI里面的一个工具。

构建优化器有两个主要任务。首先，把你应用的某些部分标记为pure，以便原有工具利用它改进“tree shaking”的优化效果，同时删除应用中不必要的东西。 

其次，构建优化器会从你的应用中删除Angular装饰器代码。装饰器只有编译器会用，运行时不用，可以删掉。上述两项优化都可以减少生成JS包的大小，同时加快应用启动速度。