Creating a service with CLI in Angular - Quick Revision & Summary

Recall & Review

beginner

What is the Angular CLI command to create a new service?

Use ng generate service service-name or the shortcut ng g s service-name to create a new service.

beginner

Where does Angular CLI place the new service file by default?

By default, the service is created inside the src/app folder or the current directory where the command is run.

beginner

What file extensions are created when you generate a service with Angular CLI?

Angular CLI creates two files: service-name.service.ts (the service code) and service-name.service.spec.ts (the test file).

intermediate

How does Angular CLI register the new service for dependency injection?

The generated service class is decorated with <code>@Injectable({ providedIn: 'root' })</code>, which makes it available app-wide without manual registration.

intermediate

Can you specify a different path or module when generating a service with Angular CLI?

Yes, you can specify a path like ng g s folder/service-name or use flags like --module to provide the module for service registration.

Which Angular CLI command creates a new service named data?

A ng new service data

B ng generate service data

C ng create service data

D ng add service data

The correct command is ng generate service data or ng g s data.

What decorator does Angular CLI add to a generated service to enable dependency injection?

A @NgModule

B @Component

C @Injectable

D @Service

Angular services use the @Injectable decorator to support dependency injection.

Where is the new service file created by default when running Angular CLI service generation?

A src/app

B src/assets

C src/environments

D src/styles

By default, Angular CLI creates the service inside the src/app folder.

What is the purpose of the --module flag when generating a service?

A To specify the module where the service should be registered

B To create a new module along with the service

C To skip creating the service file

D To generate a component instead

The --module flag tells Angular CLI which module to register the service with.

What files are created when you generate a service using Angular CLI?

A A .ts file and a .css file

B A .ts file and a .html file

C Only a .ts file

D A .ts file and a .spec.ts test file

Angular CLI creates the service file and a matching test file with .spec.ts extension.

Explain how to create a new Angular service using the CLI and how it is made available for use in the app.

Think about the command, files created, and dependency injection setup.

Describe how you can customize the location or module when generating a service with Angular CLI.

Consider command options and file placement.