Module 8 - Dependency and Services

Question 1

Module 8 - Dependency and Services

Import

Answer 1

//In the .ts file

import { CardbuttonsService } from ‘../cardbuttons.service’;

Question 2

Module 8 - Dependency and Services

Configure

Answer 2

//In .ts file
constructor(private cardService: CardbuttonsService) {}

Question 3

Module 8 - Dependency and Services

Use

Answer 3

//In the .ts file

like() {
this.cardService.likeCard();
}

//In the HTML file
(click)=”like(‘likebutton01’)”

Question 4

Code the command that will create a new Angular service called yourloginnameQuizService

Answer 4

ng generate service yourloginnameQuizService

Question 5

What is the purpose of the @Injectable() decorator in Angular?

Answer 5

The @Injectable() decorator is used to mark a class as a service that can be injected into other components or services, allowing dependency injection

Question 6

How do you inject a service into a component in Angular? Provide an example from the slides.

Answer 6

A service is injected by including it in the component’s constructor.
Example:
constructor(private cardService: CardbuttonsService) { }