How does Angular work

                                                                Complete Flow of Angular 

 1. ANGULAR.JSON File : ANGULAR.JSON is the file which has various properties and configuration of your Angular project.


2. MAIN.TS : This file acts as the entry point of the application. This entry point is defined in the internals of webpack that is used by Angular to support the modular functionality. The path/name of the main file can be changed but it should also be changed in angular.json file. Main.ts helps in creating the browser environment for the application to run. 


3. APP.MODULE.TS:From the main.ts file, it is very clear that we are bootstrapping the app with AppModule. This AppModule is defined in APP.MODULE.


4. APP.COMPONENT.TS: This is the file which interacts with the html of the webpage and serves it with the data. The component is made by using @Component decorator which is imported from @angular/core. The component has a selector, which is like a custom html tag which we can use to call that component.


5. INDEX.HTML:Here, the index.html file is called. It is found in the src folder of the app. Compiler dynamically adds all the javascript files at the end of this file.


6. APP.COMPONENT.HTML:This is the file which contains all the html elements and their binding which are to be displayed when the app loads. Contents of this file are the first things to be displayed.

            Thanks For Reading .. ...

                                                                                                            Happy Learning 😀

                                                                                                             Regards 

                                                                                                             Piyush Rai (Software Engineer)

Comments

Post a Comment

Popular posts from this blog

What is HTML

Image
        HTML stands for  H yper  T ext  M arkup  L anguage         HTML is the  standard markup  language for Web pages         HTML  elements  are the building blocks of HTML pages         HTML elements are represented by  <> tags HTML Attributes HTML elements can have  attributes Attributes provide  additional information  about the element Attributes come in name/value pairs like  charset="utf-8"   HTML Document Structure Below is a visualization of an HTML document (an HTML Page): <html> <head> <title>Page title</title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> Note:  Only the content inside the <body> section (the white area above) is displayed in a browser. HTML Headings HTML headings are defined with  <h1>  to
Read more