Mudanças entre as edições de "Angular:Diretivas"
Ir para navegação
Ir para pesquisar
| Linha 3: | Linha 3: | ||
==ngClass== | ==ngClass== | ||
Adiciona ou remove uma classe | Adiciona ou remove uma classe | ||
| − | [p ngClass="{active: | + | public vActive:boolean = true; (TS) |
| + | [p ngClass="{active: vActive, 'disabled': !vActive}"]NgClass[/p] (HTML) | ||
==ngStyle== | ==ngStyle== | ||
Edição das 12h43min de 18 de junho de 2023
Índice
Diretivas de Atributo
Altera a aparência ou comportomaneto de um elemento
ngClass
Adiciona ou remove uma classe
public vActive:boolean = true; (TS)
[p ngClass="{active: vActive, 'disabled': !vActive}"]NgClass[/p] (HTML)
ngStyle
Adiciona ou remove um conjunto de estilos HTML
ngModel
Adiciona vinculação de dados bidirecionais a um elemento de formulário HTML
Diretivas Estruturais
ngIf
TEXTO (HTML)
public mostraTexto:boolean = true; (TS)
ngFor
[ul]
[li *ngFor="let item of list; let i = index" (click)="showItem(i);"]{ { i } } = { { item.nome } }[/li]
[/ul]
public showItem(id: number) { console.log }
nfSwitch
NOME
