python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 7, Interview Questions Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
Angular 2

What's New In Angular 7? Let’s Introduce Angular 7 New Features!

Angular 7 being smaller, faster and easier to use and it will making developers life easier. 

Many  of new things are added in Angular 7 and also many of us will curious to know these new features and bug fixes.  Now Angular 7 beta release is available.

Let’s introduce added and modified new features of Angular 7 -
1.      Added a new interface - UrlSegment[] to CanLoad interface
2.      Added a new interface -  DoBootstrap interface
3.      Angular 7 added a new compiler - Compatibility Compiler (ngcc)
4.      Introduce a new Pipe called - KeyValuePipe
5.      Angular 7 now supporting to TypeScript 2.9.
6.      Added a new elements features - enable Shadow DOM v1 and slots
7.      Added a new router features - warn if navigation triggered outside Angular zone
8.      Added a new mappings for ngfactory  and ngsummary files to their module names in AOT summary resolver.
9.      Added a new "original" placeholder value on extracted XMB
10. Added a new ability to recover from malformed URLs
11. Added a new compiler support dot (.) in import statements and also avoid a crash in ngc-wrapped

12. Update compiler to flatten nested template fns

Bug Fixes - There are some bug fixes are available.

1.      Now using performance.mark() instead of console.time()
2.      Upgrade to trigger $destroy event on upgraded component element

Bug fixes on the core -
1.      do not clear element content when using shadow dom
2.      size regression with closure compiler
3.      Add a new hostVars and support pure functions in host bindings

Bug fixes on elements -
1.      Added a new compiler dependency

2.      Added a new compiler to integration

Features -

Let’s start to talk about new features in details.

Angular 7 added a new compiler that is called Angular Compatibility Compiler (ngcc).

The ngcc Angular node_module compatibility compiler - The ngcc is a tool which "upgrades" node_module compiled with non-ivy ngc into ivy compliant format.

This compiler will convert node_modules compiled with Angular Compatibility Compiler (ngcc), into node_modules which appear to have been compiled with TSC compiler transformer (ngtsc) and this compiler conversions will allow such “legacy” packages to be used by the Ivy rendering engine.

TSC transformer which removes and converts @Pipe, @Component, @Directive and @NgModule to the corresponding definePipe, defineComponent, defineDirective and defineInjector.

Ivy -

The Ivy rendering engine is a new backwards-compatible Angular renderer main focused on -
1.      Speed Improvements
2.      Size Reduction
3.      Increased Flexibility

The template functions for creating dynamically views are no longer nested functions inside each other.

Now we use for loops that are nested inside other loops.

The following Example -
function AppComponent(rf: RenderFlags, ctx: AppComponent) {
    function ulTemplateFun(rf1: RenderFlags, ctx0: any) {
        function liTemplateFun(rf1: RenderFlags, ctx1: any) {...}

No longer create multiple functions instances for loops that are nested inside other loops.

The following Example -
<ul *ngFor="let student of students">
    <li *ngFor="let subject of student'> {{ subject }} </li>

DoBootstrap -

Angular 7 added a new lifecycle hook that is called ngDoBootstrap and an interface that is called DoBootstrap.

The following Example -
//ngDoBootstrap - Life-Cycle Hook Interface
class AppModule implements DoBootstrap {
    ngDoBootstrap(appRef: ApplicationRef) {


Let’s starts explore in detailAngular 6 and Angular 7 Questions.

Angular 7 showing up in Sep/Oct 2018.  That’s good news for Angular lovers.

Each Angular version is expected to be backward compatible with the prior release. Google pledged to do twice-a-year upgrades.

Angular Team are working on lots of bug fixes, new features and added/update/remove/ re-introduce/ and may more things.

Features and Benefits of Prior Angular Release -

What's New In Angular 6? What's New In Angular 5? What's New In Angular 4? What's New In Angular 2?
Angular 2 vs. Angular 1 Angular 4 vs. Angular 2 Angular 5 vs. Angular 4 Angular 6 vs Angular 5

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions