Difference between declarations and entryComponents in AngularJS Last Updated : 23 Aug, 2021 Comments Improve Suggest changes Like Article Like Report Declarations: These are the set of components, directives, and pipes (declares) that belong to the (this) module. These components are in the local scope (private visibility).Syntax: declarations: Array<Type | any[]>The set of selectors (directives, components, pipes) are declared: that are available for the use of a template.those that are exported from imported NgModules.entryComponent: The entryComponent is the component that loads angular by force, that means these components are not referenced in the HTML template. In most of the cases, Angular loads a component when it is explicitly declared in the component template. But this is not the case with entryComponents. The entryComponents are only loaded dynamically and are never referenced in the component template. It refers to the array of components that are not found in HTML.Bootstrap entryComponent provides the entry point for the application. Routed entryComponents are not specified explicitly in the HTML of a component but, are registered in the routes array. These components are also loaded dynamically and thus Angular needs to know about them.Here is an example of what app.module.ts looks like. javascript import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { HeaderComponent } from './header/header.component'; import { ListComponent } from './list/list.component'; import { DetailComponent } from './detail/detail.component'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent, HeaderComponent, ListComponent, DetailComponent, ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } In the above example, all the components and pipes are listed in declarations but only AppComponent is listed in bootstrap as its an entrycomponent. Difference between entry Component and Declaration: entry ComponentDeclarationsentryComponent array ensures that tree-shaking doesn't break the application.Declarations array ensures module encapsulation.entryComponents are used to register components for offline computation in a module. These components are referenced here as they not referenced anywhere else in HTML template.Declarations are used to make Directives(components, pipes etc.) in a specific module.Components used for router configuration can be added implicitly.Directives, components, and pipes are matched against the HTML only if they are declared or imported.Array of components are added by ComponentFactoryReolver.Array of components can be found in HTML template. Comment More infoAdvertise with us Next Article Difference between declarations and entryComponents in AngularJS S SonaliPatel Follow Improve Article Tags : Web Technologies AngularJS AngularJS-Misc Similar Reads Difference between Directive and Component in AngularJS In this article, we will see what is Directive & Components in Angular JS, along with finding the relevant differences between Directive and Components, with knowing their behavioral characteristics for building powerful Angular JS code. Directives are introduced with the invention of Angular, 4 min read Difference between link and compile in AngularJS In this article, we will see the link and compile features in Angular JS, along with understanding their implementation through the illustration and exploring the key differences between them. One of the fundamental components of AngularJS is the directive. When creating web components, a directive 5 min read Difference between ng-container and ng-template in AngularJS Both ng-container and ng-template can be used to create responsive and dynamic components. Angular provides a set of structural directives that can be used with both ng-template and ng-container such as: ng-ifng-forng-switch. These structural directives are used to alter the structure of the DOM by 3 min read Difference between Double and Single Curly Brace in AngularJS ? In the AngualrJS framework, we can build attractive and dynamic web applications through different utilities. In AngularJS, there are double curly braces "{{ }}" and also single curly braces "{ }". The Double Curly Braces in AngularJS are mostly used for Data Binding, which also means that we are al 4 min read Difference between VueJS and AngularJS In this article, we will see what is AngularJS & VueJS, along with knowing their different features, and basic usage with the help of illustrations. In the last, we will see the relevant differences between them. AngularJS is an open-source front-end structural framework for making dynamic singl 4 min read Difference between Node.js and AngularJS Node.js is a runtime environment for executing JavaScript on the server-side, enabling backend development. AngularJS is a front-end framework for building dynamic, single-page web applications using MVC architecture on the client-side. Table of Content AngularJSNodeJSDifference between AngularJS an 4 min read Difference Between Angular and Knockout Angular is a framework and Knockout is a JavaScript library that offers assistance to make wealthy and responsive web UI intelligent. Knockout may be a library that interfaces parts of the UI to information demonstrate utilizing revelatory ties. The same can be said approximately Angular, which is w 5 min read Difference between views and templateUrl in AngularJS In this article, we will see what is Views and TemplateUrl in AngularJS, along with understanding their basic usage through the code snippets & finally see some differences between them. A Views is anything that a user sees on a screen and is used to set up multiple views or to target views manu 4 min read What is the Difference between Constructor and ngOnInit in AngularJS ? Constructor: Constructor is the default method for a class that is created when a class is installed and ensures the proper execution of the roles in the class and its subsections. Angular are preferably the Dependency Injector (DI), analyzes the builder's components and when creating a new feature 3 min read Difference between JavaScript and AngularJS In this article, we will see what are JavaScript & AngularJS and its features along with the understanding of their basic implementation. Finally, will discuss the differences between them. JavaScript is a lightweight and object-oriented scripting language used to create dynamic HTML pages with 4 min read Like