Angular modules

Question 1

What is an Angular Module

Answer 1

Class with @NgModule decorator.
It
- Organizes the pieces of our application
- Arranges them into blocks
- Extend our application with capabilities from external libraries
- Provide a template resolution environment
- Arrange and re-export

Question 2

Ng module can be loaded in 2 ways?

Answer 2

Eagerly and Lazy.

Question 3

Every component, directive or pipe belong to

Answer 3

an angular module

Question 4

Every application has

Answer 4

At least one angular module and at least one app component

Question 5

Bootstrap Array

Answer 5

Defines the component that is the starting point of the application and the component that is loaded when app is started

Question 6

Bootstrap array must

Answer 6

bootstrap at least one component, the root app component

Question 7

Bootstrap array should

Answer 7

only be used in the root app module, AppModule

Question 8

Every component, directive and pipe we create is declared by the

Answer 8

Declarations array

Question 9

Every component, directive and pipe we create must belong to

Answer 9

one and only one angular module

Question 10

Declarations array only

Answer 10

declare component, directives and pipes

Question 11

All declared components, directives and pipes are private by default. They are only accessible to other components, directives and pipes declared in the

Answer 11

same module

Question 12

The template resolution environment is provided by

Answer 12

its own module

Question 13

Exports array allows us to

Answer 13

share components, directives and pipes with another modules

Question 14

3rd party modules and system angular modules and our own modules can be

Answer 14

re-exported

Question 15

If other components need to we can export with exports array

Answer 15

any component, directive or pipe

Question 16

We can export something without including it in the imports array

Answer 16

True. For example we can export the forms module without including it in the imports array

Question 17

Importing capabilities from other modules is happening by the imports array

Question 18

To use components, directives and pipe that one module is exporting to another module

Answer 18

add the module in the imports array

Question 19

We should import

Answer 19

only what this module needs

Question 20

Importing a module does not

Answer 20

provide access to its imported modules

Question 21

Imports are not

Answer 21

Inherited. That is why we sometimes need re-exporting.

Question 22

Register services provided by Angular or third-party modules

Answer 22

in the imports array. Normally we add a module that registers a service to the imports array of the app module.

This ensures that services are registered on time.

Question 23

The recommended way to register services is to

Answer 23

use the providedIn property of the @Injectable

Question 24

The browser module should only be imported

Answer 24

in the root application module

Question 25

The CommonModule exposes

Answer 25

*ngIf and *ngFor

Question 26

Routing in feature modules does not use .forRoot but uses

Answer 26

.forChild([]) instead

Question 27

The purpose of the shared module is to

Answer 27

organize commonly used pieces of our application

Question 28

In the imports array we add everything needed for the

Answer 28

templates associated with the components of the module.

Question 29

The main purpose of the app module is to

Answer 29

orchestrate the application as a whole

Question 30

Browser module is the module that each browser application

Answer 30

must add

Question 31

Declarations array declares

Answer 31

what belongs to this module

Question 32

Imports array imports modules

Answer 32

that this module needs

Question 33

Exports array exports

Answer 33

pieces (components, directives and pipes) to share

Question 34

Bootstrap array defines

Answer 34

what the index.html needs to start up the application