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 a selector?

447


List the new features of angular 2?

447


How you can load external css style?

474


What is the use of interceptors in angular 4?

452


What is a template in angular?

464






How are jwts used to authenticate angular 4 applications?

390


What is currency filter? What are the two ways to use currency filters?

438


How can you create a decorator in angular?

459


What is karma and jasmine?

454


Is angular 7 released?

414


What is ivy rendering engine in angular 7?

494


What are templates in angular?

431


Explain what is directive and mention what are the different types of directive?

454


Compare the features of AngularJS and jQuery?

1007


What is called in angular?

413