Angular Decorator @NgModule - Study24x7
Social learning Network
study24x7

Default error msg

Login

New to Study24x7 ? Join Now
Already have an account? Login
googlePlay app_img

Angular Decorator @NgModule

Updated on 15 February 2020
study24x7
Angular Programming
7 min read 6 views
Updated on 15 February 2020
Share this article
Copy Link Link Copied
NAT Banner

@NgModule()


NgModule is a decorator present in the app.module.ts. And it is imported through the @Angular/core module. @NgModule is basically used for defining the purpose of import like It is used for basically 4 purposes:- 


1. Declarations

2. Imports

3. Providers

4. Bootstrap 


1. Declarations -



In NgModule decorator we pass an Object having declarations as a key through which we define the component as the part of App. Through this, we can declare the component which is used in the app. As an example, AppComponent is byDefault imported when we create an Angular Project by CLI. 


@NgModule({ 


declarations: [ 


AppComponent //App component is declared as the part of the Application 

]}) 


2. Imports -


In Ngmodule decorator, we pass Object having another key as imports. Which is used for importing the 3rd party features in our own project 


@NgModule(

{ 


imports: [ 


BrowserModule //By Default Angular project import browser module

]

}

) 


3. Providers-


It is used for declaring the service file which is used by the project to communicate with other components without using complex @Input and @Output Architecture of communication. 


@NgModule({ 


providers: [./app.service.ts]

}

)


4. Bootstrap -


It is used to let know the angular project that used that component to display the content. By Default AppComponent is included. 


@NgModule(

{ 


bootstrap: [AppComponent] }

)


Note - In Above Angular 6+ app, we can lazy load the service file by 

@Injectable({ 


providedIn: "root"

}

)


But we can also be able to stick with the previous Syntax and we can pass service file name in Providers array. 


Mainframe Development Software Quality IIT-JEE
Like| 2 Comment
study24x7
Write a comment...
Trending Articles

Best Study timetable for class 8th students

By CBSE CLASS 8

HOW TO WRITE CERTIFICATE SECTION FOR CLASS XII SCHOOL PROJE...

By Edubabble LLP

Best topic ideas for class 7 Science projects

By CBSE CLASS 7

The best daily routine for class 8 students

By CBSE CLASS 8
Featured Courses
Related Posts

Check these related articles on Study24x7

Devlopers Items
7 min read 3 views

1. API "Application Programming Interface" - How computers and applications communicate with each other 2. Attribute Information about elements

Shivam Kumar

61 followers

National Thermal Power Corporation (NTPC) Recruitment 2020
7 min read 3 views

National Thermal Power Corporation (NTPC) Limited has published a notification for the recruitment of Head of Excavation/Executive (excavation) and

Sarkari Naukri

380 followers

Skills Required for Web Developer
6 min read 3 views

The field of Information and technology is rising from the past few years. This is mainly because of the various achievements that we have gained by m

Web Development

7 followers

Revolutionize the Gaming Industry with Axie Infinity Clone Script
26 min read 25 views

In recent years, NFT games and blockchain-based gaming platforms have gained immense popularity due to their innovative and unique features. One such

domnick fury

Youtube Marketing
6 min read 2 views

A picture may say a thousand words but videos will say a million more. It is thus no wonder that an increasing number of business establishments are t

Testing Effort

170 followers

The Role of Automation in Software Testing
29 min read 13 views

Automation plays a significant role in software testing, enabling organizations to streamline their testing processes and improve efficiency. By autom

Batista Dave

Why Startups and Entrepreneurs would like to Prefer ERC721 Tokens?
9 min read 3 views

What is ERC-721 The ERC-721 protocol provides a standard for non-fungible tokens (NFT). Because of its age, rarity, or even something else like its a

steve Johnson

5 followers

Why Coding is Important for School Students | New Education Policy
20 min read 47 views

We are in the 21st century where technology is playing a crucial role in our everyday lives. One such lucrative skills that have become important toda

Study24x7

1218 followers

Share this article
Copy Link Link Copied