TypeScript 2.x By Example

Creating a service

Creating a service in Angular is a three-step process, as illustrated in the following diagram. You will notice that these steps are very similar to the steps of creating a component. We will discuss these steps now:

The first step to implement a service is to create a service class. So, let's create a new folder called service under the app folder. This folder will contain our new service file named Newsapi.service.ts. In this file, let's just define a standard TypeScript class named NewsapiService, as shown in the following snippet:

export class NewsapiService {}

The export keyword is used so that this service can be ...