일반적으로 데이터 형식을 지정하려면 파이프를 사용해야 합니다. Angular4의 파이프는 이전과 일부 변경되었습니다. 이번 글은 Angular4에서 흔히 사용되는 파이프라인을 주로 소개하고 있는데, 에디터가 꽤 좋다고 생각해서 지금부터 공유하고 참고용으로 올려보겠습니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.
1. 대소문자 변환 파이프라인
uppercase는 문자열을 대문자로 변환합니다.
lowercase는 문자열을 소문자로 변환합니다.
<p>将字符串转换为大写{{str | uppercase}}</p>
str:string = 'hello'
는 페이지에 표시됩니다.
문자열을 다음으로 변환합니다. 대문자 HELLO
2.날짜 파이프라인
날짜. 날짜 파이프 문자는 출력 날짜의 형식을 지정하는 매개변수를 허용할 수 있습니다.
<p>现在的时间是{{today | date:'yyyy-MM-dd HH:mm:ss'}}</p>rrree
페이지에는 현재 시간이 2017년 5월 8일 10:57:53으로 표시됩니다
3. Decimal Pipeline
숫자 파이프는 숫자를 우리가 필요로 하는 십진수 형식으로 처리하는 데 사용됩니다
수신 매개변수 형식은 {최소 정수 자릿수}입니다.{최소 십진 자릿수}-{최대 십진 자릿수}
정수의 최소 자릿수는 기본적으로 1입니다.
십진수의 최소 자릿수는 기본적으로 0입니다.
최대 십진수 자릿수 기본 자릿수는 3입니다.
소수점 자릿수가 지정된 {최소 소수 자릿수}보다 작을 경우 자동으로 0이 추가됩니다.
소수 자릿수가 지정된 자릿수보다 클 경우 { 최대 소수 자릿수}, 반올림됩니다
today:Date = new Date();
<p>圆周率是{{pi | number:'2.2-4'}}</p>
페이지에
Pi는 03.1416
이 표시됩니다. IV. 통화 파이프라인
통화 파이프는 숫자를 통화 형식으로 변환하는 데 사용됩니다
pi:number = 3.14159;
<p>{{a | currency:'USD':false}}</p> <p>{{b | currency:'USD':true:'4.2-2'}}</p>
페이지 willdisplay
USD8.25
0156.55 여기서 'USD'는 United States Dollar의 약자입니다. False일 경우에는 $ 기호가 표시됩니다. 소수 자릿수를 지정하는 다음 매개변수는 위에서 소개한 매개변수와 동일합니다.
관련 권장 사항:
위 내용은 Angular4의 일반적인 파이프라인 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!