Mudanças entre as edições de "Angular:Diretivas"
Ir para navegação
Ir para pesquisar
| Linha 8: | Linha 8: | ||
==ngStyle== | ==ngStyle== | ||
Adiciona ou remove um conjunto de estilos HTML | Adiciona ou remove um conjunto de estilos HTML | ||
| + | public altura:string = "200px"; (TS) | ||
| + | public backgroundColor:string = '#00ff00"; (TS) | ||
| + | [p [ngStyle]="{'height': altura, 'background': backgroundColor}"> ngClass [/p] (HTML) | ||
==ngModel== | ==ngModel== | ||
Edição das 12h47min 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
public altura:string = "200px"; (TS)
public backgroundColor:string = '#00ff00"; (TS)
[p [ngStyle]="{'height': altura, 'background': backgroundColor}"> ngClass [/p] (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
