Google Introduced an Amazing framework for Web Applications which is Angular.
The very first version of Angular is called as Angular JS and was released in the year 2010. Some people called it as Angular 1, but it is officially named as AngularJS. After few years Google released a new version of AngularJS which is Angular 2.
Angular JS 2 is released in the year 2016. The most important thing to keep in mind is that Angular 2 is not a simple upgrade from angular 1. Angular 2 is completely rewritten from AngularJS.
Angular JS 4 is a just an upgradation of Angular 2. So you don’t need to write much code to migrate from Angular 2 to Angular 4. Angular 4 comes with some additional Enhancements and Improvements than Angular 2. Here are the few Enhancements,
- Smaller and Faster Application
- View Engine Size is reduced
- Inbuilt many Animation Packages
- NgIf and ngFor coding Improvements
- Introduced ngTemplate
- NgIf with Else for better UI handling
- Use of AS keyword
- New Pipes
- HTTP Request Simplified
- Apps Testing Simplified
- Introduced new service for Meta Tags
- Added some Forms Validators Attributes
- Added Compare Select Options
- Enhancement in Router
- Added Optional Parameter
Let’s take a brief description about the above Top Best 15 Differences of Angular 4 and Angular 2.
1. Smaller and Faster Apps
Angular 4 applications is smaller & faster in comparison with Angular 2.
2. View Engine Size is reduced
Some changes under to hood to what AOT generated code compilation that means in Angular 4, improved the compilation time. These changes reduce around 60% size in most cases.
3. Inbuilt many Animation Packages
Animations now have their own package i.e. @angular/platform-browser/animations.
4. NgIf and ngFor coding Improvements
Some Improvement on *ngIf and *ngFor
5. Introduced ngTemplate
The template is now ng-template. You should use the “ng-template” tag instead of “template”. Now Angular has its own template tag that is called “ng-template”.
6. NgIf with Else for better UI handling
Now in Angular 4, possible to use an else syntax.
7. Use of AS keyword
A new addition to the template syntax is the “as keyword” is use to simplify to the “let” syntax.
8. New Pipes
Angular 4 introduced a new “titlecase” pipe “|” and use to changes the first letter of each word into the uppercase.
9. HTTP Request Simplified
Adding search parameters to an “HTTP request” has been simplified
10. Apps Testing Simplified
Angular 4, overriding a template in a test has also been simplified.
11. Introduced new service for Meta Tags
A new service has been introduced to easily get or update “Meta Tags”
12. Added some Forms Validators Attributes
One new validator joins the existing “required”, “minLength”, “maxLength” and “pattern”. An email helps you validate that the input is a valid email.
13. Added Compare Select Options
A new “compareWith” directive has been added and it used to help you compare options from a select.
14. Enhancement in Router
A new interface “paramMap” and “queryParamMap” has been added and it introduced to represent the parameters of a URL.
15. Added Optional Parameter
This “CanDeactivate” interface now has an extra (optional) parameter and it is containing the next state.
0 comments:
Post a Comment