jsonecho

Angular Formatter

구조 지시문과 바인딩이 있는 Angular 컴포넌트 템플릿을 포맷합니다.

도구를 불러오는 중...

Angular Formatter 사용 방법

  1. 코드를 붙여 넣으세요. 포매터 엔진은 처음에 잠시 후 로드됩니다.
  2. 필요하면 옵션을 조정하세요.
  3. 포맷된 결과를 복사하세요.

Angular Formatter 소개

Angular 템플릿은 추가 구문이 있는 HTML입니다. *ngFor 같은 구조 지시문, 속성 및 이벤트 바인딩, 파이프, 보간이 그것입니다. 일반 HTML 포매터는 이를 망가뜨리는 경우가 많습니다. 이 도구는 Angular 구문을 이해하며 바인딩 안의 표현식도 포맷합니다.

@if와 @for 같은 최신 내장 제어 흐름 블록도 지원합니다.

자주 묻는 질문

바인딩 안의 표현식도 포맷하나요?

네, {{ }} 안과 속성 및 이벤트 바인딩의 표현식은 TypeScript처럼 포맷됩니다.

새로운 제어 흐름 구문을 지원하나요?

네, 최신 버전의 포매터는 @if, @for, @switch 블록을 이해합니다.

파이프가 깨지나요?

아니요, 파이프 구문은 파싱되어 간격을 제외하고 그대로 다시 출력됩니다.

처음 실행할 때 1초 정도 걸린 이유는 무엇인가요?

이 언어의 포맷 엔진은 처음 사용할 때 다운로드되고 이후 브라우저에 캐시됩니다. 그 후에는 포맷이 즉시 이루어지며 아무것도 컴퓨터 밖으로 나가지 않습니다.

코드 포매터의 다른 도구

모든 도구 →