S Soluções.dev.br
Frameworks e Ecossistemas

Angular Essentials Cheat Sheet

Diretivas, Pipes, injeção de dependência e fundamentos do Angular.

Diretivas

Diretiva estrutural para renderização condicional.

*ngIf="isVisible"

Diretiva estrutural para loops.

*ngFor="let item of items"

Templates

Uso de Pipes para formatar dados no template.

{{ valor | date:'short' }}

Event binding (captura de eventos do DOM).

(click)="minhaFuncao()"

Forms

Two-way data binding (necessita FormsModule).

[(ngModel)]="usuario.nome"

Core

Injeção de dependência no construtor.

constructor(private service: DataService) { }

RxJS

Uso do HttpClient para requisições (retorna Observable).

const data$ = this.http.get<User[]>(url);