Angular 4.0 with a Focus on Shrinking App Size
Angular 4 is an open source JavaScript framework to build web applications in HTML and JavaScript and has been conceived as a mobile first approach. It is developed across All Platforms where it allows learning providing one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.
Features Includes,
- if…else syntax in component HTML template.
- Stand-alone animation module
- TypeScript’s StrictNullChecks compliancy
- Angular Universal adoption by team to live in core
- Performance boost with FESM
Smaller & Faster
Delivers it on with promise where Angular applications are smaller and faster.
Animation Package
We have pulled animations out of @angular/core and into their own package. This means that if you don’t use animations, this extra code will not end up in your production bundles.
This change also allows you to more easily find documentation and to take better advantage of auto completion. You can add animations yourself to your main NgModule by importing BrowserAnimationsModule from @angular/platform-browser/animations.
New Features
Improved *ngIf and *ngFor
Our template binding syntax now supports a couple helpful changes. You can now use an if/else style syntax, and assign local variables such as when unrolling an observable.
<div *ngIf=”userList | async as users; else loading”>
<user-profile *ngFor=”let user of users; count as count; index as i” [user]=”user”> User {{i}} of {{count}}
</user-profile>
</div>
<ng-template #loading>Loading…</ng-template>
Angular Universal
Universal, the project that allows developers to run Angular on a server is now up to date with Angular again, and this is the first release since Universal, originally a community-driven project, was adopted by the Angular team. This release now includes the results of the internal and external work from the Universal team over the last few months. The majority of the Universal code is now located in @angular/platform-server.
Source Maps for Templates
Now when there is an error caused by something in one of your templates, we generate source maps that give a meaningful context in terms of the original template.
