angular

[angular] pipe

몽쯔 2021. 3. 1. 22:15
출처: https://boltlessengineer.tistory.com/205 [나사 빠진 공돌이]

출처 : Angular 기본과 간단한 To-Do 어플리케이션 만들기https://www.inflearn.com/course/angular-%EA%B0%95%EC%A2%8C-%EA%B8%B0%EB%B3%B8/dashboard

 

[무료] Angular 기본과 간단한 To-Do 어플리케이션 만들기 - 인프런 | 강의

Angular 를 쓰는 배경에서부터 기본 개념들을 학습하고 간단한 TodoApp 을 만들어 보는 강좌입니다., [임베딩 영상] 1. Angular 강좌 소개 Javascript 프레임워크인 Angular (angular 2&4) 의 기본을 학습할 수 있

www.inflearn.com

 

템플릿에서 보이는 데이터를 변환해줌

{{express | pipeName : paramValue}}

데이터와 눈으로 보여지는 값만 바꿀때

todos.component.ts
todos.component.html -> view

 

 

아래처럼 json객체 값도 확인가능

pipe는 앵귤러에서 기본제공되는것도 있으며 직접만들 수 도 있다.