Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Angular 7 Ivy rendering engine

What is Ivy Rendering Engine in Angular 7?
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>
ul>

To enabling Ivy by adding the following lines to the tsconfig.json file in the new project folder-

"angularCompilerOptions": {
  "enableIvy": true
}

Share the post

Angular 7 Ivy rendering engine

×

Subscribe to Angular 2 Javascript Asp.net C# Sql Server Knockoutjs Angularjs Kendo Ui Html 5 Web Api Wpf Wcf Etc.

Get updates delivered right to your inbox!

Thank you for your subscription

×