Question: Create an employee service to fetch data from an external API. Create a new component (newemployee) to display this data. Also, use dependency injection to

Create an employee service to fetch data from an external API. Create a new component (newemployee) to display this data. Also, use dependency injection to inject the service into newly created component.

Follow the steps below tobuild the application:

1.Create a new component and name it newemployee

2. Create a new interface (employee2.ts file) for this component with the below mentioned fields

a. id

b. employee_name

c. employee_salary

d. employee_age

e.profile_image

Make sure you use same properties available in API response.

3. Create a service to access data from API

4. In the template of the newly created component add the code to display a table with the below mentioned fields:

a. Employee_Id

b. Name

c. Salary

d. Age

5. Import employee2.ts interface into newcomponent.ts file

6 Inject the service into newcomponent.ts file via a constructor

Please do in Angular. THank you.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!