The bootstrapping process sets up the execution environment, digs the App Component out of the App Module\u2019s bootstrap array in its NgModule arguments and creates an instance of the App Component to insert it within the element tag identified by the App Component \u2019s.selector.<\/p>\n\n\n\n
The components are the basic building blocks of a user interface in an angular application. Angular components can be injected and used in other components. A good design angular application is a tree of Angular components. Angular components are classes marked with a decorator @Component. Components always have a template and a constructor.<\/p>\n\n\n\n
An NgModule is a class marked with a decorator @NgModule. @NgModule takes an object as an argument that describes how to bundle one or more components and how to inject them at runtime. For the external components to use them, the module defines its components, directives and pipes through the export function, making some of them public.<\/p>\n\n\n\n
Every application has at least one Angular module, an NgModule that describes how the application parts fit together, the root module that you bootstrap to launch the application. By convention, it is usually called App Module. App Module is injected and used to initialize the app in the main entry point of the application which is main.ts file in defaults.<\/p>\n\n\n\n
Every application has at least one Angular component which is the root that usually called app-root. This component is the first component that will be render after angular initiation and be the parent of the other components.<\/p>\n\n\n\n
Every angular application gets compiled internally. The angular compiler takes javascript code, compiles it and produces javascript code again. Ahead-of-Time Compilation does not happen every time or for every user, as is the case with Just-In-Time (JIT) Compilation.<\/p>\n","protected":false},"excerpt":{"rendered":"
What is Bootstrapping in Angular? The bootstrapping process sets up the execution environment, digs the App Component out of the App Module\u2019s bootstrap array in its NgModule arguments and creates an instance of the App Component to insert it within the element tag identified by the App Component \u2019s.selector. What is Component? The components are […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[22,4,48,46],"class_list":["post-250","post","type-post","status-publish","format-standard","hentry","category-front-end","tag-angular","tag-javascript","tag-spa","tag-typescript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t