Modules

Question 1

What are NgModules?

Answer 1

They are containers for a cohesive block of code dedicated to an application domain, workflow or closely related set of capabilities

Question 2

What can NgModules contain?

Answer 2

components, service providers and other code files whose scope is defined by the containing NgModule

Question 3

How is the AppModule defined?

Answer 3

import { BrowserModule } from ‘@angular/platform-browser’;

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Question 4

Every angular app has at least one root module. How is it named? And where does it resides

Answer 4

1. AppModule

2. app.module.ts

Question 5

What is @NgModule() and why do we need it?

Answer 5

@NgModule() is a decorator function. We need it to pass metadata configuration for the module

Question 6

Regarding NgModule metadata.

What is the property declarations?

Answer 6

The components, directives, and pipes that belong to the NgModule

Question 7

Regarding to NgModule metadata.

What is the exports property?

Answer 7

a subset of declarations that should be visible and usable by other components

Question 8

Regarding NgModule metadata.

What is the imports property?

Answer 8

others modules whose exported classes are needed in the current module

Question 9

Regarding NgModule metadata.

What is the providers property?

Answer 9

Creators of services

Question 10

Regarding NgModule metadata.

What is the bootstrap property?

Answer 10

The app main view, root component. Only the root NgModule should set the bootstrap property