angular

문서에서

주사 가능한 데코레이터 란 무엇입니까?

클래스를 인젝터에서 사용할 수있는 것으로 표시합니다.

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

@Injectable({
  providedIn: 'root',
})
export class UserService {
}

서비스 자체는 CLI가 생성 한 클래스이며 @Injectable ()로 장식되어 있습니다.

정확히 무엇을 제공합니까?

@NgModule 또는 다른 InjectorType과 연관 시키거나이 인젝터를 ‘루트’인젝터에 제공하도록 지정하여 인젝터를 제공 할 인젝터를 판별하십시오. 이는 대부분의 앱에서 애플리케이션 레벨 인젝터입니다.

providedIn: Type<any> | 'root' | null

제공 : ‘루트’

루트 수준에서 서비스를 제공하면 Angular는 하나의 공유 서비스 인스턴스를 생성하여이를 요청하는 모든 클래스에 주입합니다. 제공자를 @Injectable () 메타 데이터에 등록하면 Angular는 컴파일 된 앱에서 서비스를 사용하지 않는 경우 서비스를 제거하여 앱을 최적화 할 수 있습니다.

제공 : 모듈

특정 @NgModule에서 서비스를 제공하도록 지정할 수도 있습니다. 예를 들어, 생성 한 모듈을 가져 오지 않으면 응용 프로그램에서 서비스를 사용할 수 없게하려면 서비스를 모듈에 제공하도록 지정할 수 있습니다

import { Injectable } from '@angular/core';
import { UserModule } from './user.module';

@Injectable({
  providedIn: UserModule,
})
export class UserService {
}

이 방법은 아무 것도 주입하지 않으면 서비스의 트리 쉐이킹 ( 트리 쉐이킹 은 코드 기반에서 사용되지 않는 코드를 제거하는 빌드 프로세스의 단계)을 가능하게하기 때문에 선호 됩니다.

어떤 모듈이 어떤 모듈을 제공해야하는지 서비스에서 지정할 수없는 경우, 모듈 내에서 서비스 제공자를 선언 할 수도 있습니다.

import { NgModule } from '@angular/core';
import { UserService } from './user.service';

@NgModule({
  providers: [UserService],
})
export class UserModule {
}

답변