What’s New In Angular 5 and Angular 6

Overview

Angular is an all-surround framework for JavaScript and based on typescript, that is habitually used by all developers throughout the world for building web, mobile, and desktop applications.

Versions of Angular :-

Version 1.0.0 :- released October 2010,
Version 2.0.0 :- released September 2014,
Version 4.0.0 :- released December 2016,
Version 5.0.0 :- released November 2017

Future Upcoming Version is 6.0.0 in March Or April 2018.
Also Angular 7.0.0 is coming in September 2018.

Speciality of Angular 5 :-

Angular 5 encompasses platform for a build optimizer, Simpler Progressive Web Applications, Angular Universal API and DOM and improvements related to Material Design.

Key attributes of Angular 5 :-

  1. Build optimizer
  2. Simpler Progressive Web Applications
  3. Improved compiler and Typescript
  4. CLI v1.5 will make Angular 5 Projects by default.
  5. New HttpClient
    Example :-
  6. Angular Universal API and DOM supported.
  7. Improved Material Design.
  8. Router Hooks
  9. Number, Dates and Currency Pipe Updates.
  10. Form Validation method change in Angular 5.
    Example :-
  11. Improvements in Compiler, because you can use benefits of running ng serve with the AOT flag turned on.
  12. Preserve Whitespace, it is defined in each component of decorator and by default is true.

    Otherwise you can define in your tsconfig.json file, by default is true.
  13. New Router Lifecycle Events

Speciality of Angular 6 :-

Angular 6.0.0 beta Version has been released on March 2018 and Stable Version should be released in First Week of April 2018.

Angular beta Version is released with a lot of bug problems fixed and added new features and changes.

Important Key attributes of Angular 6 :-

  1. Bazel Compiler
  2. Ivy Renderer
  3. Closure Compiler
  4. Component Dev Kit (CDK)
  5. Service Worker
    Syntax :-
    (a)

    (b)
  6. Ng update and Schematics
  7. Updates in Animations,Forms and Router
  8. Add CDK stable Version
  9. Support of Native element
  10. 2.7+ Typescripts
  11. Decorator Error messages are improved.
  12. Changes in ngmodel
    Example :- Previously ngmodel look like,

    And

    Now, It’s look like,

    And
  13. In FormBuilder multiple Validators are added for array method
    Example :-

Conclusion : –

That’s it ..

Angular 5 & Angular 6 is faster than earlier version, also size of applications are reduced and supported multiple names, directives and component which is useful to migrate without break changes.

It is more interesting.

Thank You..

mm

Jay Thakkar MEAN Stack Developer

I am a MEAN stack Developer who works at Yudiz Solutions Pvt. Ltd. - a leading Web, Mobile Apps and Game Development company. I wrote this blog to share my knowledge and ideas to others. As per the trend, I’m totally interested in learning about latest technology .I am passionate about sports specially cricket , travel and loves to sing.

Leave a Reply

Top