0
0
Angularframework~20 mins

Creating a service with CLI in Angular - Practice Exercises

Choose your learning style9 modes available
Challenge - 5 Problems
🎖️
Angular Service CLI Master
Get all challenges correct to earn this badge!
Test your skills under time pressure!
📝 Syntax
intermediate
1:30remaining
What is the correct Angular CLI command to create a service named user?
Choose the exact Angular CLI command that generates a service named user in the default folder.
Ang create service user
Bng generate service user
Cng new service user
Dng make service user
Attempts:
2 left
💡 Hint
The Angular CLI uses generate or its shorthand g to create new files.
component_behavior
intermediate
1:30remaining
What will be the providedIn scope of a service created with ng generate service user by default?
After running ng generate service user, what is the default providedIn value in the generated service's decorator?
AprovidedIn: 'platform'
BNo providedIn property is set by default
CprovidedIn: 'any'
DprovidedIn: 'root'
Attempts:
2 left
💡 Hint
Angular services are usually provided at the root level for app-wide singleton behavior.
🔧 Debug
advanced
1:30remaining
Why does this Angular CLI command fail? ng generate service
You run ng generate service without any name. What error will Angular CLI show?
AError: Service already exists
BNo error, service created with default name
CError: Missing required argument: name
DError: Invalid command syntax
Attempts:
2 left
💡 Hint
The CLI needs a name to create a service file.
state_output
advanced
2:00remaining
What files are created by ng generate service auth?
Select the exact files generated by Angular CLI when creating a service named auth.
Aauth.service.ts and auth.service.spec.ts
Bauth.service.ts only
Cauth.ts and auth.spec.ts
Dauth.service.ts, auth.service.spec.ts, and auth.module.ts
Attempts:
2 left
💡 Hint
Angular CLI generates a TypeScript file and a test spec file for services.
🧠 Conceptual
expert
2:00remaining
Which Angular CLI command creates a service in a specific folder shared with the name logger?
You want to create a service named logger inside the src/app/shared folder using Angular CLI. Which command is correct?
Ang generate service shared/logger
Bng generate service logger/shared
Cng generate service logger --folder=shared
Dng generate service --path=shared logger
Attempts:
2 left
💡 Hint
Use the folder path before the service name separated by a slash.