How AngularJS is compiled?

Answer Posted / chaitanya

Angular's HTML compiler allows you to teach the browser new HTML syntax. The compiler allows you to attach new behaviors or attributes to any HTML element. Angular calls these behaviors as directives.

AngularJS compilation process takes place in the web browser; no server side or pre-compilation step is involved. Angular uses $compiler service to compile your angular HTML page. The angular' compilation process begins after your HTML page (static DOM) is fully loaded. It happens in two phases:

1. Compile - It traverse the DOM and collect all of the directives. The result is a linking function.

30

www.webgeekschool.com www.dotnet-tricks.com

To Join .NET, ASP.NET MVC, WCF, AngularJS, Mobile Development Training Programs - Call Us : +91-9871749695

2. Link - It combines the directives with a scope and produces a live view. Any changes in the scope model are reflected in the view, and any user interactions with the view are reflected in the scope model.

The concept of compile and link comes from C language, where you first compile the code and then link it to actually execute it. The process is very much similar in AngularJS as well.

Is This Answer Correct ?    1 Yes 0 No



Post New Answer       View All Answers


Please Help Members By Posting Answers For Below Questions

What is hostlistener in angular?

539


What is bazel in angular?

513


List some cons or disadvantages of using angularjs?

524


What is zones in angular 2?

568


What is the purpose of exports in a ngmodule?

558


What are components in angular7?

574


What are “streams” in node.js? Explain the different types of streams present in node.js?

589


What is lazy loading angular?

554


How can we show that a scope variable should have one-time binding only?

547


What is angular and why it is used?

551


What is the core difference between angularjs compilation and javascript frameworks?

557


What are the advantages and disadvantages of aot compilation?

616


What is two way data binding in angularjs?

600


What’s the advantage of using form builder?

563


Explain ng-bind directive ?

556