TypeScript/Angular35 Angular - service(3) Module Provider 이와같이 모듈에서 providers를 주입하면 이 모듈에 속해져있는 모든 컴퍼넌트가 해당 서비스를 가져다가 사용 할 수 있고, 이들은 하나의 객체를 공유합니다 2020. 5. 18. Angular- service(2) - component providers ng new service-basic cd service-basic ng g c home ng g c company ng g s log ng serve 위에 cli를 입력하여 두개의 컴퍼넌트와 하나의 서비스를 생성합니다. home component를 이렇게 코딩합니다. 이렇게 작성하게되면 angular가 LogService를 객체로 만들어서 컴포넌트에 주입까지 해줍니다 company component에도 똑같이 작성합니다. 이는 각각 컴포넌트에서 다른 프로바이더로 주입을 했기에 서로 다른 객체 입니다. 2020. 5. 18. Angular- Service(1) 개요 및 설명 컴포넌트와 서비스의 차이점 컴포넌트 뷰(템플릿)와 뷰를 위한 모델에 관련 된 코드 서비스 컴포넌트 혹은 다른 서비스에서 사용하는 재사용 가능한 기능의 집합 혹은 공통된 로직의 집합 컴포넌트에 주입하거나, 모듈에 주입하여 사용 Angular Dependenct Injection(의존성 주입) 'A'컴포넌트에서 S라는 서비스를 사용한다 라는 말은 A에서 S의 인스턴스를 직접 생성해서 사용하는 것이 아님 A에 S를 주입해주면 Angular가 알아서 객체를 만들어서 사용할 수 있도록 맡아서 처리함 1. 컴포넌트에 서비스를 주입 A컴퍼넌트와 B컴퍼넌트에게 주입을 하면 각각 다른 객체임 2. 모듈에 서비스를 주입 모듈에 속해있는 모든 컴퍼넌트가 사용가능, 속한 모든 컴퍼넌트가 다 같은 객체를 가짐 이것을 A컴포넌트.. 2020. 5. 18. Anguler Router (2) - 라우터 분리 app.routes.ts 파일을 만든 후 이렇게 작성한다. app.module.ts에서 새로 만든 app.routes.ts 파일을 import 한다. 이렇게 하면 라우터를 따로 다른 파일에서 관리하며, 좀더 편하고 보기좋게 관리 할 수 있다. 2020. 5. 18. 이전 1 2 3 4 5 6 7 ··· 9 다음
