# data[].attributes.headline
What's New in Angular 12 | Features of Angular 12

# data[].attributes.subject
What's New in Angular 12 | Features of Angular 12

# data[].attributes.body
Improved test times and debugging with automatic test environment tear down:

To improve test time and create better isolation across tests and change TestBed to automatically clean up and tear down the test environment after each test run.

# data[].attributes.attachment_link.provider_name
Interview Questions Angular, JavaScript, Java, PHP, SQL, C#, Vue, NodeJs, ReactJs

# data[].attributes.attachment_link.readable_text
Angular 12 will be smaller, faster, and easier to use. It will be making Angular developer's life easier. The full version ofAngular 12 will be released sooner.

Angular receives a large number of feature requests, both from inside Google and from the broader open-source community i.e.
Anticipated Features and Benefits of the Angular 12 Release: Better developer ergonomics with strict typing for @angular/forms:
The stricter type checking in the reactive forms will allow us:
Leverage full framework capabilities with Zone.js opt-out:
The Zone.js opt-out will be simplifies the framework, improve debugging, and reduce application bundle size.

Additionally, this will also allow us to take advantage of native async and await syntax, which currently Zone.js does not support.
Reduce framework overhead by removing legacy View Engine:
After the transition of all our internal tooling to Ivy has completed, we have the implemented the following:
Improved test times and debugging with automatic test environment tear down:
To improve test time and create better isolation across tests and change TestBed to automatically clean up and tear down the test environment after each test run.
Improved build performance with ngc as a tsc plugin distribution:
Distributing the Angular compiler as a plugin of the TypeScript compiler will substantially improve developers' build performance and reduce maintenance costs.
Support adding directives to host elements:
A long-standing feature request is to add the ability to add directives to host elements. The feature will allow us to augment their own components with additional behaviours without using inheritance.
Simplified Angular mental model with optional NgModules:
The NgModules is an optional and it allows us to develop standalone components and implement an alternative API for declaring the component's compilation scope.
Ergonomic component level code-splitting APIs:
A common problem of the all web applications is their slow initial load time. A way to improve it is to apply more granular code-splitting on a component level.
Other capabilities eyed for Angular 12 include: Reference link:
https://angular.io/guide/roadmap

# data[].attributes.attachment_link.title
What's New in Angular 12 | Features of Angular 12

# data[].attributes.attachment_link.description
Angular 12 will be smaller, faster, and easier to use. It will be making Angular developer's life easier. The full version ofAngular 12 will be released sooner. Angular receives a large number of feature requests, both from inside Google and from the broader open-source community i.e.

# data[].attributes.body
Angular 11 was released on the 11th day of the 11th month of 2020 with some great updates for Angular developers. It introduces updates across the platform including the framework, the CLI, and components. Most importantly:

# data[].attributes.attachment_link.readable_text
In this post, we'll see the new features of each version of Angular starting from version 6 to Angular 12.

Angular 12 should arrive early this year with new features:

Implementing stricter type checking for reactive forms.

The possibility to opt out from Zone.js

NgModules will be optional

For more details about Angular 12, check out this article

Angular 11 New Features

Angular 11 was released on the 11th day of the 11th month of 2020 with some great updates for Angular developers. It introduces updates across the platform including the framework, the CLI, and components. Most importantly:

Experimental support for Webpack 5 which brings a new module federation feature.

An updated roadmap to keep developers updated about the current priorities of the Angular team.

Improved component tests harnesses which were introduced in Angular 9 to help with testing Angular Material components with a robust and legible API surface. With version 11 the team added harnesses for all of the components!

Improved reporting and logging by making the CLI output clear and easier to read.

A preview of the language service with Ivy instead of View Engine.

Improved support for Hot Module Replacement (HMR): In version 11 the CLI is updated to allow enabling HMR when starting an application with ng serve --hmr.

Automatic inlining of fonts.

Angular 10 New Features

Angular 10, the next version of one of the most popular front-end frameworks is in beta version at this time. This means we are moving toward the final release of this new version.

Two beta versions of the platform were released on April 8, 2020. The new upgrade will be focusing more on the ecosystem than introducing new big features.

A target date for an Angular 10 production release is still to be determined. Angular 9.0 has been released on February 6, followed by Angular 9.1 on March 25.

You can install Angular 10 CLI using npm or yarn using the following command:

$ npm install --global @angular/cli@next

Before the final release of version 10, you'll need to add the next tag to install the latest prerelease version

You can also download the beta prereleases from GitHub.

At the current time, these are the new features of Angular 10:

A new compiler feature which adds dependency information and ng-content selectors to metadata. This will enable the Angular Language Service or similar utilities, to provide suggestions for directives and components defined in libraries.

Fixing undecorated-class migration to decorate derived classes of undecorated classes that use Angular features.

Urlmatcher's type can now always return null.

Fixing a service worker bug, preventing the worker from registering in cases when there is a long-running task or recurring timeout.

Multiple bug fixes are made such as the compiler avoiding undefined expressions in a holey array and the core avoiding a migration error when a non-existent symbol is imported. There is also a workaround in the core for the Terser inlining bug, etc.

What's New with Angular 9.1?

Angular 9.1 is released! This is a minor version of both the framework and the CLI which brings many new features such as:

Support for TypeScript 3.8: This new version of TS brings many new language features that you can use in your Angular project,

Build Speed Improvements,

New CLI Component Generator Option displayBlock which enables you to generate components using the CLI with the display: block style for displaying components instead of the default inline style used by default,

End-to-End tests now support grep and invertGrep which enable you to more easily pich the test you want to run,

Improved HTML & Expression Syntax Highlighting: Using VSCode with the Language Service Extension, it will enable the IDE to syntax highlight expressions in the templates,

Directionality Query API which allows you to query for the current local direction at runtime,

TSLint 6.1 by default.

You can update to this latest version of Angular using the following command:

ng update @angular/cli @angular/core

This will make sure you can have all these new features and bug fixes in your project.

This is the last planned minor release for 9.x. The team will now start working on Angular 10.0, by making prereleases once per week, even though they will contain only minimal changes at first.

What're the Angular 9 New Features?

Angular is one of the three most popular JavaScript frameworks for building client-side web and mobile applications. It's built and backed by Google and has been developed over the years into a fully-fledged platform with integrated libraries required for front-end web development.

Since developers and companies all over the world are depending on Angular for building their frontend apps, the team behind the framework follows a strict plan for updates with a new major version released every six months. The current major version is Angular 9.

This means we can already use the new version! But before, let's see some of the new features of Angular 9.

Compared to React or Vue, performance and file size are big downsides of Angular.

One major problem of the previous versions of Angular is the large size of the final bundle which impacts the download time and as a result the overall performance of the application.

Angular 9 brings a few new features most importantly, the Ivy compiler which provides a huge boost in performance.

In nutshell these are the new features of Angular 9:

Smaller bundles and better performance,

The Ivy compiler: The default use of the Ivy compiler is the most important feature of Angular 9, Ivy is what actually designed to solve the major problems of Angular i.e the performance and large file size.

Selector-less bindings support for Angular Ivy,

Internationalization support for Anguar Ivy.

Support for TypeScript Diagnostics Format

Support for more scopes in providedIn

A New Type-Safe TestBed.inject() Method Instead of TestBed.get()

Smaller Bundles and Better Performance Thanks to Ivy

Previous versions of Angular have relatively large file size of the final bundles compared to React or Vue.

The performance of the Angular runtime is quite good but the loading time is longer because of the large file size which affects the overall performance of the application.

So what the Angular team is doing to solve the large size of the final bundles?

Enter Ivy.

Before Angular 8, the framework used ViewEngine as the renderer,

With Angular 8, Ivy is in experimental mode behind an optional flag,

With Angular 9+, Ivy is the default compiler.

What is Ivy?

Ivy is a complete rewrite of the Angular renderer which is simply the part of Angular that transforms your Angular templates into JavaScript code.

Angular components are a mix of TypeScript code, HTML and CSS. TypeScript is a superset of JavaScript, that needs to be compiled into JavaScript before it can be consumed by a web browser.

Angular previuosly made use of ViewEngine to transform TypeScript code to JavaScript.

The Angular ViewEngine transforms the templates and components to HTML and JavaScript so that the browser can render them.

These are some informations about Ivy:

The Ivy compiler is abtsracted from developers, and will replace ViewEngine so what you know about Angular is still valid.

Angular 8 allows developers to play with Ivy but with Angular 9, Ivy is the default renderer.

The Ivy compiler outputs much smaller JavaScript bundles, so Ivy solves Angular's bundle problems.

The Ivy compiler will not change how you work with Angular so what you previosly learned about Angular will still work in Angular 9+.

Note: Ivy will be a major corner stone because it takes Angular applications to the next level in terms of performance and final bundle size.

How to work with Ivy?

In Angular 9+, Ivy will be the default renderer, so Angular applications will be faster and smaller.

In Angular 8, you need to enable Ivy by adding the following lines to the tsconfig.json file:

You can then invoke the compiler by running the ngc command inside the node_modules folder:

Starting with Angular 9, you don't need to do the previous steps because Ivy is the default compiler.

Selector-less Directives in Ivy

Using selector-less directives as base classes is already supported in the old ViewEngine but missing in the Ivy preview in Angular 8. This is now added in Angular 9.

Consider the following pattern showing a decorated child class that inherits a constructor from an undecorated base class:

Let's take, for example, this class:

In ViewEngine the following code will work but not in Ivy before Angular 9:

In Angular 8 Ivy, you need to decorate the base directive with the @directive decorator to achieve the desired behavior.

Angular 9 will now support this feature for the sake of consistence across all of the Angular codebase.

Support for TypeScript Diagnostics Format

Angular 9 will add support for using the same TypeScript Diagnostics format for the TypeScript Compiler diagnostics.

Also, more descriptive error messages will be generated thanks to better template diagnostics.

In previous versions of Angular, the compiler outputs both native TypeScript diagnostics and its API diagnostics.

Angular 9 will also add support for the schema registry to prevent potential binding issues while checking DOM bindings.

Support for Internationalization in Angular Ivy

Angular Ivy has added improvements for internationalization in Ivy which were missing in the Angular 8 preview.

In Angular 9, the i18n code has been updated to provide a better platform for supporting compile-time inlining.

Support for more scopes in providedIn

providedIn is a decorator that marks a class as available to be provided and injected as a dependency.

It determines which injectors will provide the injectable, by either associating it with an @NgModule or other InjectorType, or by specifying that this injectable should be provided in the root injector, which will be the application-level injector in most apps.

Angular 9 adds support for the platform and any scopes.

A New Type-Safe TestBed.inject() Method Instead of TestBed.get()

Angular 9 provides a new TestBed.inject() instead of the deprecated TestBed.get() method:

The TestBed.get() method is not type-safe so was replaced with the new TestBed.inject()

What is New with Angular 8.3?

Angular 8.3 has been released a few weeks ago! Also the Angular team has made more steps closer to the final release of Angular 9 with many bug fixes, a few breaking changes, and performance upgrades and improvements to Ivy, the new powerful renderer of Angular that will be the default renderer starting with Angular 9.

Let's see what's new and the Angular 8.3 features in more detail.

Angular is the most popular platform for developing client-side (front-end) mobile and desktop web apps or SPAs. With the new release of Angular 8.3, we have some really cool new features.

In this post, we are going to summarize some of the most important new features officially announced by the Angular team.

Angular 8.3 is released with a bunch of new features:

A new deploy command added to Angular CLI

Angular CLI has many commands that make development quick such as ng new, serve, test, build and add. Now a new ng deploy has been introduced which allows developers to deploy their final app to the cloud with a few clicks from their command-line interface.

Before using the command, you need to add a builder that provides your project with the capability to deploy to a specific hosting provider. For example, for Firebase, you first need to run the ng add @angular/fire command which takes care of all the configurations you need for Firebase. After that, you can run the ng deploy command which creates an optimized production build and upload it to the web.

We already covered that, in much details, in our step by step tutorial

Increased speed in production builds

Angular 8.0 introuced differential loading which is a cool feature that allows Angular CLI to produce two production bundles, one for modern browsers targetting ES6+ and one for legacy browsers targetting ES5. As a result the ng build --prod takes twice the time needed for building a project. In Angular 8.3 optimized the command as follows:

The ES6+ version is built first,

Next, ES6+ bundles are transformed to ES5, instead of rebuilding the project from scratch.

At this time, if you get any issues, you can use the previous behavior with the NG_BUILD_DIFFERENTIAL_FULL=true ng build --prod.

A new design of the home page of the Angular project

If you have created and served a project with the latest Angular 8.3 version, you'll notice a nice looking interface with helpful links and common commands to start your development journey:

That's it, now the Angular team has started working on Angular 9.

Updates for Angular 9, October 15, 2019

Day by day, we are getting closer to the final release of Angular 9!

The Angular team has released version 9.0.0-next.11 which added a list of bug fixes, a few new features and breaking changes, and removed the deprecated renderers. Also some performance upgrades and improvements are made to Ivy.

What's New with Angular 8

Angular 8 brings many new features, particularly for the tool-chain.

This version is a major release that involves the complete platform, including the Angular core framework, Angular Material, and the Command Line Interface or CLI.

We have a new set of powerful features that developers will appreciate which are added at many levels; the core framework, Angular Material library and the CLI. It has also enabled many major partner launches such as NativeScript (a framework for building native mobile apps with Angular), Angular Console (console for running Angular projects on your system),@angular/fire (for integrating Firebase with Angular) and StackBlitz (an online IDE for Angular).

As planned, Angular 8 was released and these are the new and most important features:

Preview of Ivy

With the release of Angular 8, a preview version of Ivy is now available for testing. Ivy is a new rendering engine that will produce smaller bundle sizes. But it's not recommended to start using it in production not just yet.

If you would like to start playing with Ivy, you can instruct the Angular CLI to enable Ivy in your project using the --enable-ivy switch:

$ ng new angular-project --enable-ivy

Web Workers

Thanks to Angular CLI 8, web workers are taken into consideration when building the production bundles which helps increase the performance. Angular CLI 8 provides now one bundle for every web worker.

Lazy Loading

The Angular Router has always supported lazy loading but now wiht Angular 8 the support for dynamic EcmaScript imports is added. For example:

Improvement of ngUpgrade

Angular 8 has also added new features to ngUpgrade which makes easier for developers to upgrade their Angular.js apps to Angular 8.

Angular 7 Features

v7 introduces many new changes in the Component Dev Kit or CDK and the Material Design library such as the Drag and Drop support and Virtual Scrolling.

In this release, the team has also focused on the Ivy renderer and how to make it smaller and faster by adding support for animation and improving the @NgModule integration etc. But Ivy is not yet ready for prime time.

These are the new features introduced by Angular 7 for developers.

Support for Node 10

Node v10 is the latest version of the Node.js platform which is used by the Angular CLI and most front-end development tools nowadays. v7 has now support for v10 of Node but v8 is also still supported.

Support for TypeScript 3.1

TypeScript 3.1 is the latest version of TypeScript, the official langauge for Angular. Angular 7 requires the latest version of TypeScript.

The CLI Prompts

Angular 7 introduces a new nice feature that allows the CLI to prompt users when executing commands like ng new or ng add. This enables users to make decisions for chosing the right built-in features to include or ignore at many points of the life-cycle of the project's creation and configuration.

As the Angular team is always focusing on making the CLI a powerful tool at the disposal of developers, the new CLI prompts feature is another step toward achieving that goal. More than often, when you use common commands like ng new or ng add, you don't have much control except what you pass as arguments in the first place. But what if you intend to add support for routing in your project but did not specify the --routing switch? You need to stop the command and start over. What, about when you want to avoid installing some unecessary dependencies? Aside from stopping the running command, you have no other options

But thanks to Angular CLI 7, this has changed. Now the CLI supports user prompts. For example, if you run the ng new angular-7-project, you'll presented with a nice prompt asking if you xant to include routing in your project. If you also like to use a specific stylesheet format? The CLI will present you with a list of choices between CSS, SCSS and SASS.

Not just that, you have complete control over the CLI prompts. You can simply add a schematic.json file to instruct the Angular 7 CLI to show or hide specific prompts.

CLI Prompts are also added to Angular Shematics which means developers of CLI tools can take advantage of it to prompt users for more information about customizations and act accordingly. This can be done using an x-prompt key to a Schematics collection.

Angular Performance: CLI Budgets by Default

The obvious fact is that Angular 7 is the best Angular yet! It's more performant and faster than any previou version including v6.

Upgrade from v6 to v7 consumes less time (no more than ten minutes according to the official docs). Also the upgrade process is more easier thanks to the work done in v6. Also the core framework has better performace with the new features such as the virtual scrolling detailed on below section.

But that's not the end of the story. Angular 7 gives importance to the final app bundle not just the framework by correcting a common production bug where the reflect-metadata polyfill gets added in the production build as well but it's only required in development so v7 will remove automatically from your final app's bundle.

For generating smaller bundles, new Angular 7 projects are using the Bundle Budgets in the CLI by default which were optional in v6.

Developers will get warnings when the initial bundle sizes more than 2MB and an error when it has a size of 5MB. But you can easliy change the default budgets from the angular.json file.

Virtual Scrolling: ScrollingModule

Virual scrolling is a technique used by popular UI libraries like Ionic for enabling developers to build efficient UIs. Loading hundreds of items could be very slow in most browsers, virtual scrolling takes performance in consideration and it's particularly useful for mobile apps when you need to scroll large lists without affecting the app's performance and by result the user's experience.

Now the Angular 7 CDK includes support for virtual scrolling via the ScrollingModule module. You can use the <cdk-virtual-scroll-viewport> to display large lists of data by only rendering the elements that actually fit on the visible part of the screen.

You can read more information from Angular Material docs.

Support for Drag and Drop: DragDropModule

With Angular 7, drag and drop support is added on the CDK. Items are rendered as long as the user is moving elements. Developers can use methods like moveItemInArray for reordering lists or transferArrayItem for moving items between lists.

You can read more about drag and drop.

Support for <Slot> HTML Element with Angular Elements

<slot> is a new standard HTML tag that was introduced by the Web Component specification.

You can now write compnenets like the following example:

You can then use this Angular component as a web component:

New Features of Angular 6.1

Angular 6.1 is released in 2018-07-25 with multiple bug fixes and new features.

Angular CLI is also updated to Angular v6.1.1.

Angular 6.1 is the last planned minor version of Angular 6. That means, the Angular team will start working toward releasing Angular 7, the next major version.

Angular 6 major release has a strong focus on the developer toolchain i.e Angular CLI which introduces powerful features such as project workspaces and Schematics etc. Now Angular 7 is on the road after this latest minor version which will be focused on new features such as the Ivy Renderer.

Let's see the new features and how can make Angular developer lives easier.

This new minor release has over 70 bugfixes and 20 new features!

What's New with Angular 6.1?

Angular 6.1 brings many new features to Angular such as:

Angular CLI v6.1.1 New Features

You can, now configure Angular Router to remember and restore the position of scroll by setting scrollPositionRestoration to enabled.

You can use ShadowDOM v1 API for View Encapsulation to specify how CSS is encapsulated in a component (encapsulation: ViewEncapsulation.ShadowDom).

You can use async/await with Jasmine etc.

You can use a new pipe that allows you to iterate over a map or object and display key/value pairs in the template.

Support for TypeScript 2.9: With Angular 6.1, you'll be able to use TypeScript 2.8 and TypeScript 2.9

Angular CLI v6.1.1: Angular CLI v6.1.1 is also released with many new features that you can see below.

Conclusion

This post is updated with the new Angular 8 features as v8 was just released.

Support for TS 2.8 and 2.9,

Support for Angular 6.1,

The use of ES2015 Modules for all files,

The new --vendor-source-map switch that allows you to have source maps for vendor packages. This is useful for debugging your production packages.

Now the Angular team is working toward releasing Angular 9!

# data[].attributes.attachment_link.description
In this post, we'll see the new features of each version of Angular starting from version 6 to Angular 12. Angular 12 should arrive early this year with new features: Implementing stricter type checking for reactive forms. The possibility to opt out from Zone.js NgModules will be optional For more details about Angular 12, check out this article Angular 11 was released on the 11th day of the 11th month of 2020 with some great updates for Angular developers.

# data[].attributes.headline
What’s new in Angular 12- Update and features

# data[].attributes.subject
What’s new in Angular 12- Update and features

# data[].attributes.body
Google released the popular Angular web framework in September 2016 under the MIT License. Angular is a typescript-based open-source web app framework and is a part of the popular MEAN stack.

# data[].attributes.attachment_link.title
What’s new in Angular 12- Update and features

# data[].attributes.attachment_link.description
Google released the popular Angular web framework in September 2016 under the MIT License. Angular is...

# data[].attributes.headline
Getting Started with Angular, Know Some of the Latest Features of New Version of Angular 12

# data[].attributes.subject
Getting Started with Angular, Know Some of the Latest Features of New Version of Angular 12

# data[].attributes.body
Using Angular for web development might just be your goldmine if you want to build a web app like Paypal or Upwork! This article explains the Features of Angular

# data[].attributes.attachment_link.readable_text
Angular is a leading TypeScript based open source framework for front-end application development. It has evolved with its every new version. The advantages of Angular include a handy resource for utilizing HTML templates, delivering dependency injection and assembling data services for applications.

Angular 7 is the latest version with improved application performance. It offers a long list of other significant features and benefits. Through this article, our goal is to provide you with a summary of the features of Angular 7 from this release.

1. CLI prompt: With v7.0.2, the users will be able to save time with prompts for built-in features such as routing or SCSS support when running commands like ng-new, or ng-add @angular/material.

2. Enhanced application performance: Many developers continue to include the reflect-metadata polyfill in production, even when it is required only in the development phase. One of Angular 7's latest features is the automated removal of polyfills.ts file and inclusion as a build step when developers create the application in JIT mode.

3. Angular compatibility compiler: It is among the core Angular 7 benefits over Angular 6. The new release gets ngcc Angular node_module compatibility compiler. It converts node_modules complied using Angular Compatibility Compiler into node_modules that have appeared and compiled with TSC compiler transformer (ngtsc). Further, compiler conversions enable legacy packages leveraged by the Ivy rendering engine.

4. Angular material and component dev kit (CDK): Angular 7 offers visual improvements from the updated Material Design specification. Other enhancements in CDK and Angular Material include extensive lists of data, virtual scrolling, dynamic loading and unloading of parts of the DOM, and more.
a. Virtual scrolling: Benefits of angular include loading and unloading of items from the DOM, based on the visible parts of lists. It offers a faster user interface while scrolling through the long lists.

b. Drag and drop: Angular new feature provides an improved way to build and drop interfaces. It further provides to sort within a list, support for animations, free dragging, and transferring items between lists, along with custom drag handles placeholders and previews.

5. Improved accessibility for selects: Inclusion of native select element within the mat-form-field enables improved availability of applications. The native select provides the performance, availability and usability advantages while mat-select offers total control for the presentation options.

# data[].attributes.attachment_link.title
Angular 7 New Features: Why Businesses Should Switch to Angular 7

# data[].attributes.attachment_link.description
Angular is a leading TypeScript based open source framework for front-end application development. It has evolved with its every new version. The advantages of Angular include a handy resource for utilizing HTML templates, delivering dependency injection and assembling data services for applications. Angular 7 is the latest version with improved application performance.

# data[].attributes.headline
Angular 12 New Features and Upgrades Revealed

# data[].attributes.subject
Angular 12 New Features and Upgrades Revealed

# data[].attributes.body
Angular 12 is finally deprecating its old legacy compilation and rendering pipeline called the View Engine. The next release will eliminate the rendering pipeline. Libraries previously working with View Engine will then function with Ivy.

# data[].attributes.attachment_link.provider_name
Turing Blog | Future of Work, Hiring, Remote Software Jobs & More | Follow the Turing blog for insights on remote work trends, offshore team management, and best remote software development practices by industry experts.

# data[].attributes.attachment_link.readable_text
This version of Google's TypeScript-based web framework, Angular, comes with some significant updates. 'Google's Ivy Everywhere Approach,' which helps streamline the software development process, lies at the center of this update. Apart from moving to Ivy, Angular 12 improves massively upon the styling aspects, message-id format, nullish coalescing, ng API, etc. Additionally, Angular 12 offers different tools and new features, which are easy to deploy in AWS . This post takes a closer look at Angular 12 new features.

Angular 12 new features: Ivy everywhere

Angular 12 is finally deprecating its old legacy compilation and rendering pipeline called the View Engine. The next release will eliminate the rendering pipeline. Libraries previously working with View Engine will then function with Ivy.

With the help of a compatibility compiler and a smooth update path, the entire ecosystem will shift to Ivy. And thus, Ivy everywhere will make Angular 12 much more efficient.

Canonical message-ID format

The message-id format has become much more resilient and robust in Angular 12. Previously, the legacy message-ids were fragile and inconsistent in their translation owing to whitespace and translation invalidation issues.

Angular 12 eliminates errors occurring due to format templates and ICU expressions by migrating away from multiple legacy. Now, developers can migrate any legacy localization IDs to canonical message-ids using the latest algorithms.

Angular 12 new features: Nullish coalescing

Angular 12 allows nullish coalescing utilization for its templates. By using nullish coalescing operators (??) developers can write cleaner code.

At the same time, nullish coalescing allows developers to improve complex conditionals by using the new syntax structure.

For example,

{{age !== null && age !== undefined ? age : calculateAge() }}

{{age ?? calculateAge() }}

Angular 12: Default strict mode

By enabling strict mode by default in CLI, developers can catch bugs faster in Angular 12 than earlier versions. The strict mode also makes application examinations a lot quicker.

Another critical feature of Angular 12 strict mode is the ng update command refactor. With this update, developers can code securely and accurately while creating a new application or workspace.

In Angular 12, ng troubleshooting API can give key information about the working of applications during runtime. Furthermore, added functionalities like getDirectiveMetada and esetProfiler will simplify and thoroughly inspect applications to debug APIs.

The getDirectiveMetada will help in recovering data related to different parts and directives. On the other hand, the esetProfile will help trace template durations, updates, and the runtime of lifecycle hooks.

Angular 12 new features: Typescript 4.2

There are quite a few updates in Typescript 4.2 for Angular 12. These include improvements in operator, type alias, tuple types, and abstract classes.

Typescript 4.2 will not allow essential variables and other relevant information to appear erroneously by improving the in-operator. Similarly, the improved TypeScript version will return substantial valid aliases and the right types, reducing repetition and errors.

Tuples in Typescript 4.2 can enable discretionary, optional, and rest components, improving readability and tooling. Similarly, Typescript 4.2 in Angular 12 makes it easier to check a class and allows abstract modifiers for constructor signatures.

Along with the updates mentioned above, Angular received a slew of styling improvements in this version. Firstly, support for inline Sass is available in the component decorator-style field. Additionally, Angular Material and Angular CDK have internally adopted a new Sass module framework. Finally, angular 12 now also supports Tailwind CSS.

Other updates in Angular 12 include the addition of minified UMDs, redirected source files, strict null checks, emit event option, HTTP status codes, and Webpack 5 support.

Angular has indeed leveled up its game with this version. With improved performance, language service, form validation, and compiler services, Angular 12 provides more control to developers. The new version is more stable than the previous one. It can also serve as the foundation for Zone.js choices, which will be a part of future updates in line with Zoneless Angular and Angular's Marquee Project.

Angular is one of the most popular web frameworks. However, even well-versed Angular Developers may find it hard to get the perfect job that matches their expectations owing to stiff competition.

Turing helps Angular developers get long-term, remote jobs with solid career growth and unmatched compensation with US companies. Visit the Jobs page to know more!

# data[].attributes.attachment_link.title
Angular 12 New Features and Upgrades Revealed

# data[].attributes.attachment_link.description
This version of Google's TypeScript-based web framework, Angular, comes with some significant updates. 'Google's Ivy Everywhere Approach,' which helps streamline the software development process, lies at the center of this update. Apart from moving to Ivy, Angular 12 improves massively upon the styling aspects, message-id format, nullish coalescing, ng API, etc.

# data[].attributes.body
Previously min and max attributes defined on the <input type="number"> were ignored by the Forms module. Now the presence of these attributes would trigger min/max validation logic (in case formControl, formControlName or ngModel directives are also present on a given input) and corresponding form control status would reflect that.

# data[].attributes.attachment_link.readable_text
Angular v12 was released on May 12, 2021. It has come up with a lot of bug fixes, features, and performance improvements. Let's see what are the main features in Angular v12.

Angular v12: "Ivy Everywhere" concept

Angular v12 has finally deprecated the View Engine. The community has been working over recent releases towards the goal of converging the Angular ecosystem on Ivy. They call this approach "Ivy Everywhere".

As the View Engine is deprecated, so it will be removed in a future major release.

Current libraries are using View Engine and it will still work with Ivy apps (no work is required by developers), but library authors should start planning to transition to Ivy.

For forms, min and max validators are being introduced

This commit adds the missing min and max validators.

Previously min and max attributes defined on the <input type="number"> were ignored by the Forms module. Now the presence of these attributes would trigger min/max validation logic (in case formControl, formControlName or ngModel directives are also present on a given input) and corresponding form control status would reflect that.

Fix - https://github.com/angular/angular/issues/16352

Remove unused methods from DomAdapter

The DomAdapter is present in all Angular apps and its methods aren't tree shakeable. These changes remove the methods that either aren't being used anymore or were only used by our own tests. Note that these changes aren't breaking, because the adapter is an internal API.

The following methods were removed,

getProperty - only used within our own tests.

log - Guaranteed to be defined on the console.

logGroup and logGroupEnd - Only used in one place. It was placed in the DomAdapter for built-in null checking.

performanceNow - Only used in one place that has to be invoked through the browser console.

supportsCookies - Unused.

getCookie - Unused.

getLocation and getHistory - Only used in one place which appears to have access to the DOM already, because it had direct accesses to the window. Furthermore, even if this was being used in a non-browser context already, the DominoAdapter was set up to throw an error.

The following APIs were changed to be more compact,

supportsDOMEvents - Changed to a read-only property.

remove - No longer returns the removed node.

Exporting a list of HTTP status codes.

In Angular v12, @angular/common/http now exports a list of http status codes.

Passing Context to HTTP Interceptors

Passing metadata to HTTP interceptors. No more dirty hacks, such as using an HTTP header to pass custom data that our interceptor needs.

One common use case is to notify the interceptor that a request is cacheable. Let's see how we use it.

First, update to the latest version of Angular.

Next, create a new interceptor,

# data[].attributes.attachment_link.description
Angular v12 was released on May 12, 2021. It has come up with a lot of bug fixes, features, and performance improvements. Let's see what are the main features in Angular v12. Angular v12 has finally deprecated the View Engine. The community has been working over recent releases towards the goal of converging the Angular ecosystem on Ivy.

# data[].attributes.body
Angular version 12.0.0 was released on May 12, 2021. The Angular v12 major release is getting closer to "Ivy Everywhere". Angular's newest version is smaller, faster, and easier to use, and enables the transition of the Angular ecosystem to the Ivy compiler.

# data[].attributes.attachment_link.readable_text
Angular 12 | May 2021

Angular version 12.0.0 was released on May 12, 2021. The Angular v12 major release is getting closer to "Ivy Everywhere". Angular's newest version is smaller, faster, and easier to use, and enables the transition of the Angular ecosystem to the Ivy compiler.

Angular v12 includes stylish improvements, nullish coalescing-allowing developers to write cleaner code in TypeScript and Angular templates. It also offers Webpack 5 support and TypeScript v4.2, plus a stick model enabled by default to help catch errors earlier in the development cycle.

The View Engine is deprecated and set for complete removal in a future release, but no worries! If your current libraries use the View Engine, it still works with Ivy apps.

Angular is improving the learning experience for developers with 'meaningful' changes to the documentation, including new types of guides for contributors, content, and guides and videos for error messages.

What's Ahead for Angular 12

Angular is Google's TypeScript-based framework for building desktop and mobile web applications. It has over 68,000 stars on GitHub. Angular 11 launched on the 11th day of the 11th month of 2020.

Every year, Angular runs a developer survey with almost 30K responses to make Angular better. With the Angular community feedback, requests, and suggestions, they plan some timesaving, faster, and pretty cool improvements.

The Angular Roadmap Project's focus is a 'Zoneless Angular' making Zone.js options and ultimately provides more control to the developers.

Anticipated Features and Benefits of the Next Angular Release

Better Developer Ergonomics @angular/forms

Work is in progress for implementing stricter type checking for reactive forms. This allows developers to catch more issues during development time, enable better text editor and IDE support, and improve the type checking for reactive forms.

Leverage Full Framework Capabilities with Zone.js Opt-Out

Angular is going to design and implement a plan to make Zone.js optional from Angular applications. This simplifies the framework, improves debugging, and reduce application bundle size.

Reducing Framework Overheard by Removing Legacy

Angular plans remove the legacy View Engine for smaller Angular conceptual overhead, smaller package size, lower maintenance cost, and lower codebase complexity.

Improve Test Times and Automatic Test Environment Tear Down

By changing the TestBed to automatically clean up and tear down the test environment after each test run, developers can improve test time and create better isolation across tests.

Improve Build Performance With ngc as a tsc Plug-In Distribution

Distributing the Angular compiler as a plugin of the TypeScript compiler is forecasted to improve developers' build performance and substantially reduce maintenance costs.

Support Adding Directives to Host Elements

A long-standing feature request for the ability to add directives to host elements. The feature allows developers to augment their components with different behaviors without using inheritance.

Simplified Angular Mental Model with Optional NgModules

Future Angular editions make NgModules optional that simplifies the learning journey. This work allows developers to develop standalone components and implement an alternative API for declaring the component's compilation scope.

Ergonomic Component Level Code-Splitting APIs

A common problem of web applications is a slow initial load time. A way to improve it is to apply more granular code-splitting on a component level. Developing more ergonomic code-splitting APIs encourages this practice.

Wijmo has supported Angular since the very beginning with Angular 1 (AngularJS). We are committed to providing Angular developers a powerful toolset for building enterprise-grade applications.

# data[].attributes.attachment_link.title
What New Features are in Angular 12 | GrapeCity JavaScript

# data[].attributes.attachment_link.description
Angular version 12.0.0 was released on May 12, 2021. The Angular v12 major release is getting closer to "Ivy Everywhere". Angular's newest version is smaller, faster, and easier to use, and enables the transition of the Angular ecosystem to the Ivy compiler.