Angular 6 New Features

Angular 6 is focused less on underlying framework and more on the toolchain and indicateing new easier moving features in future versions.

Angular 6 is not having more breaking changes

synchronized major version number for

•  angular framework   version 6.0.0
•  angular CLI
• angular Material +CDK

Animations

Animations separated from angular core, earlier importing from -> Import from @angular/core

For animation separate package introduced and now will be imported from-> Import from @angular/animations

• No more support for <template and repaced with <ng-template>.

• Earlier services were registering with providers array at component level, now services can be registered

at service itself with providedIn property at service level.
Eg:-
@Injectable({
providedIn:'roor',
})

export class ServiceClass{}

-> ngModelChange event is introduced.

Angular CLI

ng update <package> : automatically updates

ng add : add new things to angular app, ex: angular material

CLI  Material starter templates introduced

Material Sidenav
ng generate @angular/material:material-nav --name=my-navigation

Dashboard
ng generate @angular/material:material-dashboard --name=My-dashBoard

Datatable

ng generate @angular/material:material-table--name=My-table

• Angular Elements has been introduced

• Ivy has been introduced , but will come in new versions.

Read more >>