How Angular works

How Angular works

Angular working is listed below in the various steps Angular, completes the assigned tasks.

Angular is a platform and framework for building client applications in HTML and TypeScript. Angular is itself written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your apps.

The basic building blocks of an Angular application are NgModules, which provide a compilation context for components. NgModules collect related code into functional sets; an Angular app is defined by a set of NgModules.

The AngularJS framework can be divided into following three major parts:
ng-app: This directive is used to start an angular application.
ng-model: Binds the values to HTML input controls or HTML tags.
ng-bind: This directive is used to binds the data to html tags.

Angular is a client side framework built entirely with static files. This means that the entire application is loaded into the browser that the user is using.

Angular working

Following are key method invocations that happen as part of initializing angular app and rendering the same.

  • angularInit method which checks for ng-app module
  • bootstrap method which is invoked once an ng-app module is found. Following are key invocations from within bootstrap method:
    • createInjector method which returns dependency injector. On dependency injector instance, invoke method is called.
    • compile method which collects directives
    • Composite linking method which is returned from compile method. Scope object is passed to this composite linking method
    • $apply method invoked on scope object finally does the magic and renders the view.

 

IT Professionals, Web Developers, Web Programmers, IT students can Apply for the certification course to move ahead in their careers.

 

Angular 4 Tutorial IndexBack to Angular 4 Tutorial Main Page

Share this post
[social_warfare]
AngularJS Architecture
What is MVC

Get industry recognized certification – Contact us

keyboard_arrow_up