본문 바로가기

TypeScript/Angular35

Angular - Pipe 템플릿에서 사용하는 것으로 표현식에 개입해 결과를 수정해서 보여주는 역할 수많은 내장 파이프가 있음 {{expression | pipe}} {{expression | pipe | pipe}} {{expression | pipe:parameter1: parameter2}} 사용자 정의 파이프도 만들 수 있음 @pipe 데코레이터 사용 {{ {'name':'leeeong' | json} }} {{ 'name':'leeeong' | slice:0:4 }} {{ ['name':'leeeong' | slice:0:1] }} {{ 'name':'leeeong' | uppercase }} {{ 'name':'leeeong' | lowercase }} {{ 'name':'leeeong' | uppercasecase |.. 2020. 5. 19.
Angular - Directive Directive는 크게 두가지 혹은 세가지로로 나뉘어짐 Structural Directive Component형 템플릿에 DOM을 추가, 제거 => 템플릿의 구조를 변경 *ngFor *ngIf *ngSwitch Attribute Directive Dom의 모양과 동장을 수정 [ngModel] [ngClass] [ngStyle] 사용자 정의 디렉티브 2020. 5. 19.
Angular - httpModule http Module은 상당히 많이 사용하는 기능입니다. 이렇게 모듈을 import 합니다. userValue를 통해 저기에 url을 가져올 것입니다. 이렇게 작성을 하시면, http 주입이 완료가 된 것입니다. 2020. 5. 18.
Angular - service(4) 그 외 여러가지 주입방식 그냥 클래스 useValue useClass useExisting useFactory 이렇게 총 5가지의 주입 방법이 더 있다. 우리가 지금까지 한 것은 1번에 속한다. useClass, useValue 이 두개는 사용법이 되게 간단하다. 그냥 보이는 그대로이다. 딱히 설명이 필요 없다고 판단되어 그냥 넘어가도록 한다. use FactoryService about이라는 서비스를 하나 더 생성한 뒤 이렇게 작성한다. 팩토리는 서비스 안에 인자를 넣어서 다른인자를 호출 할 수 있다. 서비스에서 이렇게 인자 값을 설정하면 빨간 밑줄이 사라질 것이다. 또 재밌는 점은 특정 값을 지정 할 수 있다. AboutService에 Logservice라는 값과 false라는 값을 넣는데 그 값은 deps를 통해 LogSe.. 2020. 5. 18.