이 영역을 누르면 첫 페이지로 이동
hoonDEV 블로그의 첫 페이지로 이동

hoonDEV

페이지 맨 위로 올라가기

hoonDEV

Angular 서비스 주입 - (3) 인젝션 토큰

  • 2020.07.07 14:37
  • 공부/Angular

인젝션 토큰

앞서 알아본 값 프로바이더에서 문자열이나 숫자 등을 토큰으로 문자열을 사용하거나, 클래스를 사용하여야 했다. 값 프로바이더에서 문자열을 토큰으로 사용할 경우 중복될 위험이 있고, 클래스를 토큰으로 사용할 경우 로직이 이상해졌다.

인젝션 토큰은 클래스가 아닌 객체, 문자열, 함수 등을 위한 토큰을 주입받기 위해 사용한다.

export const GET_API_URL: string = 'https://api.myapp.com/api/get';

export const API_URL = new InjectionToken<string>('api-url');

export const ApiUrlProvider = {
    provider: API_URL,
    useValue: GET_API_URL
};

~

@Component({
    ~
    providers: [ApiUrlProvider]
})
export class TheComponent {
    constructor(@Inject(API_URL) private apiUrl: string) {
        ...
    }
}

'공부 > Angular' 카테고리의 다른 글

Angular에서 Tailwind CSS 사용해보기  (0) 2020.07.14
Angular 의존성 주입 - (4) 선택적 의존성 주입  (0) 2020.07.07
Angular 의존성 주입 - (2) 프로바이더 (Provider)  (0) 2020.07.07
Angular 의존성 주입 - (1) 서비스  (0) 2020.07.07

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • Angular에서 Tailwind CSS 사용해보기

    Angular에서 Tailwind CSS 사용해보기

    2020.07.14
  • Angular 의존성 주입 - (4) 선택적 의존성 주입

    Angular 의존성 주입 - (4) 선택적 의존성 주입

    2020.07.07
  • Angular 의존성 주입 - (2) 프로바이더 (Provider)

    Angular 의존성 주입 - (2) 프로바이더 (Provider)

    2020.07.07
  • Angular 의존성 주입 - (1) 서비스

    Angular 의존성 주입 - (1) 서비스

    2020.07.07
다른 글 더 둘러보기

정보

hoonDEV 블로그의 첫 페이지로 이동

hoonDEV

  • hoonDEV의 첫 페이지로 이동

검색

메뉴

  • 홈
  • 태그

카테고리

  • 분류 전체보기 (91)
    • 일상 (13)
      • 후기 (1)
      • 계획 (11)
    • 공지사항 (1)
    • 알고리즘 (54)
      • 문제풀이 (53)
      • 이론 (1)
    • 공부 (19)
      • React (0)
      • Angular (5)
      • Java (3)
      • C, C++ (3)
      • JavaScript (6)
      • WEB (2)
    • 디자인 (1)
      • UI, UX (1)
    • 개발 (0)
      • boom (0)

최근 글

인기 글

댓글

공지사항

아카이브

태그

  • 알고리즘
  • es6
  • 백준
  • 문제풀이
  • 그리디
  • 이분탐색
  • javascript
  • dp

나의 외부 링크

정보

훈개발자의 hoonDEV

hoonDEV

훈개발자

블로그 구독하기

  • 구독하기
  • RSS 피드

방문자

  • 전체 방문자
  • 오늘
  • 어제

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. © 훈개발자. Designed by Fraccino.

티스토리툴바