Service 추가 및 사용

서비스 추가

$ ng g service 서비스명

서비스는 Angular CLI 의 디렉토리 경로에 서비스명.service.ts 라는 이름으로 만들어진다.

import { Injectable } from '@angular/core';

@Injectable()

export class 서비스명Service {

  constructor() { }

}

@Injectable() 은 주입 가능한 클래스라는 뜻으로 사용한다. 소스 파악용으로 작성하므로 추가하도록 하자.

이렇게 만들어진 서비스는 컴퍼넌트에서 import 하고,

@Component 내 providers의 배열로 추가한다.

import { FirstService } from './서비스명.service';

@Component({

  providers: [FirstService]

})

export class FirstComponent {

  constructor(firstService: FirstService) {

    firstService.sayHelloWorld();

  }

}

개인적으로 공부하며 기억하기 위해 작성한 포스팅입니다.

이득을 위하여 작성된 포스팅이 아님을 알려드립니다.