본문 바로가기
TypeScript/Angular

Angular- service(2) - component providers

by le_piee 2020. 5. 18.

 

 

 

 

ng new service-basic

cd service-basic

ng g c home

ng g c company

ng g s log

ng serve

위에 cli를 입력하여 두개의 컴퍼넌트와 하나의 서비스를 생성합니다.

 

 

 

 

 

home.component.ts

home component를 이렇게 코딩합니다.

 

이렇게 작성하게되면 angular가 LogService를 객체로 만들어서 

컴포넌트에 주입까지 해줍니다

 

 

 

company.component.ts

company component에도 똑같이 작성합니다.

 

이는 각각 컴포넌트에서 다른 프로바이더로 주입을 했기에

서로 다른 객체 입니다.