O Formatador Angular Online do Web-ZoneWare padroniza e indenta tanto classes TypeScript com decorators (@Component, @Injectable, @NgModule) quanto templates HTML com diretivas estruturais e de atributo do Angular (*ngIf, *ngFor, [ngClass] e event bindings).
Boas práticas de formatação em projetos Angular e TypeScript
Aplicações corporativas desenvolvidas com o framework Angular dividem sua arquitetura entre arquivos de lógica em TypeScript (.component.ts, .service.ts) e arquivos de visualização em HTML (.component.html). Manter um recuo padronizado de 2 espaços — conforme o Angular Coding Style Guide oficial — torna a revisão de código muito mais ágil.
- Detecção Automática de Contexto: Se o código iniciar com tags de marcação, o motor aplica a formatação hierárquica de Templates HTML Angular; se contiver imports, classes ou decorators, aplica a formatação estrutural de TypeScript.
- Preservação de Interpolações e Bindings: Respeita expressões
{{ valor | pipe }}, property bindings[prop]e event bindings(click)sem corromper os atributos.
