Angular4의 일반적인 파이프라인 예에 대한 자세한 설명

일반적으로 데이터 형식을 지정하려면 파이프를 사용해야 합니다. Angular4의 파이프는 이전과 일부 변경되었습니다. 이번 글은 Angular4에서 흔히 사용되는 파이프라인을 주로 소개하고 있는데, 에디터가 꽤 좋다고 생각해서 지금부터 공유하고 참고용으로 올려보겠습니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

1. 대소문자 변환 파이프라인

• uppercase는 문자열을 대문자로 변환합니다.

• lowercase는 문자열을 소문자로 변환합니다.

<p>将字符串转换为大写{{str | uppercase}}</p>

str:string = 'hello'

는 페이지에 표시됩니다.

문자열을 다음으로 변환합니다. 대문자 HELLO

2.날짜 파이프라인

날짜. 날짜 파이프 문자는 출력 날짜의 형식을 지정하는 매개변수를 허용할 수 있습니다.

<p>现在的时间是{{today | date:&#39;yyyy-MM-dd HH:mm:ss&#39;}}</p>

페이지에는 현재 시간이 2017년 5월 8일 10:57:53으로 표시됩니다

3. Decimal Pipeline

숫자 파이프는 숫자를 우리가 필요로 하는 십진수 형식으로 처리하는 데 사용됩니다

수신 매개변수 형식은 {최소 정수 자릿수}입니다.{최소 십진 자릿수}-{최대 십진 자릿수}

정수의 최소 자릿수는 기본적으로 1입니다.

십진수의 최소 자릿수는 기본적으로 0입니다.

최대 십진수 자릿수 기본 자릿수는 3입니다.

소수점 자릿수가 지정된 {최소 소수 자릿수}보다 작을 경우 자동으로 0이 추가됩니다.

소수 자릿수가 지정된 자릿수보다 클 경우 { 최대 소수 자릿수}, 반올림됩니다

today:Date = new Date();

<p>圆周率是{{pi | number:&#39;2.2-4&#39;}}</p>

페이지에

Pi는 03.1416

이 표시됩니다. IV. 통화 파이프라인

통화 파이프는 숫자를 통화 형식으로 변환하는 데 사용됩니다

pi:number = 3.14159;

<p>{{a | currency:&#39;USD&#39;:false}}</p>
<p>{{b | currency:&#39;USD&#39;:true:&#39;4.2-2&#39;}}</p>

페이지 willdisplay

USD8.25

0156.55 여기서 'USD'는 United States Dollar의 약자입니다. False일 경우에는 $ 기호가 표시됩니다. 소수 자릿수를 지정하는 다음 매개변수는 위에서 소개한 매개변수와 동일합니다.

관련 권장 사항:

PHP 다중 스레드 파이프라인 통신 애플리케이션

위 내용은 Angular4의 일반적인 파이프라인 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!