Mudanças entre as edições de "Angular:Diretivas"

De BrapciWiki
Ir para navegação Ir para pesquisar
Linha 16: Linha 16:
 
==ngFor==
 
==ngFor==
 
  [ul]
 
  [ul]
   [li *ngFor="let item of list; let i = index"]{ { i } } =  { { item.nome } }[/li]
+
   [li *ngFor="let item of list; let i = index" (click)="showItem(i);"]{ { i } } =  { { item.nome } }[/li]
 
  [/ul]
 
  [/ul]
 +
 +
public showItem(id: number) { console.log }
  
 
==nfSwitch==
 
==nfSwitch==

Edição das 12h30min de 18 de junho de 2023

Diretivas de Atributo

Altera a aparência ou comportomaneto de um elemento

ngClass

Adiciona ou remove uma classe

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