Angular7 Tutorial
Selected Reading
- Angular7 - Discussion
- Angular7 - Useful Resources
- Angular7 - Quick Guide
- Testing & Building Angular7 Project
- Angular7 - Materials
- Angular7 - Animations
- Angular7 - Materials/CDK-Drag & Drop
- Materials/CDK-Virtual Scrolling
- Angular7 - Forms
- Angular7 - CLI Prompts
- Angular7 - Http Client
- Angular7 - Services
- Angular7 - Routing
- Angular7 - Pipes
- Angular7 - Directives
- Angular7 - Templates
- Angular7 - Event Binding
- Angular7 - Data Binding
- Angular7 - Modules
- Angular7 - Components
- Angular7 - Project Setup
- Angular7 - Environment Setup
- Angular7 - Overview
- Angular7 - Home
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Angular7 - Overview
Angular7 - Overview
Angular 7 is owned by Google and the stable release was done on 18th October 2018. This is the latest version of Angular.
Below is the pst of Angular versions released so far −
| Version | Released Date |
|---|---|
| Angular JS | October 2010 |
| Angular 2.0 | Sept 2016 |
| Angular 4.0 | March 2017 |
| Angular 5.0 | November 2017 |
| Angular 6.0 | May 2018 |
| Angular 7.0 | October 2018 |
The release dates for the next two major upcoming versions of Angular are given below −
| Version | Released Date |
|---|---|
| Angular 8.0 | March/April 2019 |
| Angular 9.0 | September/ October 2019 |
Google plans to release the major Angular version every 6 months. The version released so far are backward compatible and can be updated to the newer one very easily.
Let us discuss the new features added to Angular 7.
Angular Update to V7
Angular 7 is a major release where in the angular core framework, Angular CLI, Angular Materials are updated. In case you are using Angular 5 or 6 and want to update to Angular 7, below is the command which will update your app to the recent version of Angular −
ng update @angular/cp @angular/core
Angular CLI
While doing project setup using angular CLI, it prompts you about the built-in features available, i.e., routing and stylesheet support as shown below −
Apppcation Performance
In Angular 7, there is bundle budget added in angular.json as shown below −
Budgets is a feature added to Angular CLI which allows you to set pmit inside your configuration to make sure your apppcation size is within the pmit set. You can set the size so that the app can be warned when the pmit is crossed.
Angular Material and CDK
The version of Angular Material/CDK is updated in Angular 7. Also there are 2 features added to CDK − virtual scrolpng, and drag and drop.
Virtual Scrolpng
Virtual scrolpng feature shows up the visible dom elements to the user, as the user scrolls, the next pst is displayed. This gives faster experience as the full pst is not loaded at one go and only loaded as per the visibipty on the screen.
Drag and Drop
You can drag and drop elements from a pst and place it wherever required within the pst. The new feature is very smooth and fast.
Advertisements