angular:dependency-injection

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- angular:dependency-injection [2019/08/19 13:59] – [Angular의 의존성 주입] taekgu
+++ angular:dependency-injection [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 7: / 줄 7: @@
-<WRAP center round info 60%>
+<WRAP center round info 80%>
 한 파일에 클래스를 여러개 정의하면 이 파일을 접하는 많은 사람들에게 혼란을 줄 수 있습니다. 일반적으로 컴포넌트와 서비스는 파일 하나에 하나씩 정의하는 것을 권장합니다.
@@ 줄 17: / 줄 17: @@
 </WRAP>
+===== 의존성으로 주입할 서비스 클래스 정의하기 =====
+<code bash>
+ng generate service heroes/hero
+</code>
+CLI생성한 소스는
+<code javascript src/app/heroes/hero.service.ts>
+import { Injectable } from '@angular/core';
+@Injectable({
+  providedIn: 'root',
+})
+export class HeroService {
+  constructor() { }
+}
+</code>
+Angular 서비스를 정의하는 코드에서 ''@Injectable()''이 가장 중요합니다. 그리고 이전에 목 데이터를 반환하던 로직은 클래스 코드에서 getHeroes 메소드가 제공하도록 하려면 다음과 같이 구현할 수 있습니다. (실제 앱에서는 목 데이터를 반환하는 대신 리모트 서버에서 비동기로 데이터를 가져오게 될 것입니다. 지금은 서비스를 의존성으로 주입하는 것에만 집중하기 위해 이 부분은 생략합니다.)
 ===== Dependency Injection (DI) =====

angular/dependency-injection.1566223158.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)