Angular2 pipe

Pipe

Angular2에는 문자열을 원하는 형태로 변환할 수 있도록 도와주는 pipe라는 기능이 있다.
사용자가 pipe를 직접 만들어 사용할 수도 있다.
pipe의 종류 및 사용예제

• slice pipe(slice:start:end)

<ul>
 <li *ngFor="let i of collection | slice:1:3">{{ i }}</li> 
</ul> 

collection: string[] = ['a', 'b', 'c', 'd'];

• date pipe

<p>Today is {{ today | date }}</p>
<p>Today is {{ today | date:'mmss' }}</p>

• uppercase pipe, lowercase pipe

<p>Today is {{ today | date | uppercase }}</p>

• percent pipe

<p>A: {{ a | percent }}</p> a: number = 0.259; 
//결과 A: 25.9%