이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

Architect_Programmer_Code 농업 네트워크»건축가 › 프론트엔드 디자인 및 웹 › 프론트엔드 프레임 › Angular 9 시리즈 (IV) 맞춤형 파이프 파이프라인
보기: 16963|회답: 1

[각] Angular 9 시리즈 (IV) 맞춤형 파이프 파이프라인

[링크 복사]
게시됨 2020. 6. 3. 오후 2:03:29 | | | |
Angular 9 시리즈 (1) 동적 부하 구성 요소
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 시리즈(2) 동적 성분 전송 매개변수
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 시리즈(3)는 동적 컴포넌트 이벤트를 구독합니다
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 시리즈 (IV) 맞춤형 파이프 파이프라인
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 시리즈(V)는 금액 통화 형식을 제공합니다
https://www.itsvse.com/thread-9249-1-1.html


Angular에는 날짜, 비동기, 통화 등 많은 내장 파이프가 있습니다. 사용 준비가 되어 있지만, 일부 비즈니스 요구를 충족시키기에는 아직 부족하므로 맞춤형 파이프를 구현하는 것이 필요합니다.

가장 기본적인 커스텀 파이프는 한 값을 받고 다른 값을 반환하는 것입니다. 인수의 형태는 제한이 없으며, 문자열, 숫자, 객체 등 어떤 타입이든 될 수 있습니다.

파이프라인을 기본 날짜에 포맷하는 것은 우리의 요구를 충족시키지 못합니다.

인터페이스에서 반환된 JSON 결과:

{"statusDate":"0001-01-01T00:00:00" ...}

이는 .NET Core에서 객체를 직렬화하고 DateTime이라는 타입의 필드에 기본값을 붙여 DateTime.MinValue 때문이에요.



우리는

전시될 것입니다

01-1-0001

우리의요구사항은 datetime 타입의 필드가 반환될 때, 예를 들어 "0001-01-01T00:00:00"이 비어 있으면 NA를 반환해야 한다는 점입니다。

angular-cli 명령어를 통해 새로운 파이프라인을 만들자. 명령어는 다음과 같다:


코드는 다음과 같습니다:

새 생성이 완료되면 app.module.ts 파일은 자동으로 다음 코드를 추가합니다:

HTML 페이지에서 새로운 파이프라인을 다시 사용하고 있습니다. 다음과 같습니다:


반환 결과는 아래 이미지와 같이 우리가 원하는 결과입니다:



참고: 파라미터를 pip에 전달할 때 : splitting을 사용합니다.




이전의:글을 쓸 줄 아는 기사 출판 시스템
다음:Angular 9 시리즈(V)는 금액 통화 형식을 제공합니다

관련 게시물
게시됨 2022. 10. 28. 오후 1:52:07 |
배워라!!!!!!!!!!
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.
Mail To:help@itsvse.com