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

인젝션 토큰

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

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

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) {
        ...
    }
}