Angular Modules - Tutorial For Beginners | Part -4 | CodeWithNaval

In this tutorial series you will learn about Angular.

Guys I thing you learn something from this video. if you like and watch more video then LIKE, SHARE and SUBSCRIBE my Channel and become part of this Channel

******* Modules ***********

Module in Angular refers to a place where you can group the components, directives, pipes, and services, which are related to the application.

create module ng generate module app-routing --flat --module=app

@NgModule({
declarations: [
AppComponent,
NewCmpComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})

Declaration
It is an array of components created. If any new component gets created, it will be imported first and the reference

Import
It is an array of modules required to be used in the application. It can also be used by the components in the Declaration array. For example, right now in the @NgModule, we see the Browser Module imported. In case your

Providers
This will include the services created.

Bootstrap
This includes the main app component for starting the execution.

All Video Link

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

The architecture of an Angular application relies on certain fundamental concepts. The basic building blocks of the Angular framework are Angular components that are organized into NgModules. NgModules collect related code into functional sets; an Angular app is defined by a set of NgModules. An app always has at least a root module that enables bootstrapping, and typically has many more feature modules.

Components define views, which are sets of screen elements that Angular can choose among and modify according to your program logic and data.