Questões de Programação - Frameworks em Programação para Concurso
Foram encontradas 228 questões
Coluna 1 1. interpolation 2. property binding 3. event binding 4. class and style binding 5. template variables
Coluna 2 ( ) <input #campo type="text"><button (click)="salvar(campo.value)">Salvar</button> ( ) <h1>{{ titulo }}</h1> ( ) <img [src]="imagemUrl"> ( ) <div [class.ativo]="isAtivo" [style.backgroundColor]="cor"></div> ( ) <button (click)="botaoClicado()">Clique aqui</button>
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:
<ion-list> <ion-item *ngFor="let item of items" (click)="onItemClick(item)"> <ion-label>{{ item.name }}</ion-label> <ion-note slot="end">{{ item.quantity }}</ion-note> <ion-icon slot="end" [name]="item.icon"></ion-icon> </ion-item> </ion-list> <ion-text *ngIf="items.length === 0"> Não há itens na lista. </ion-text>
Sobre o funcionamento e resultado desse código, analise as assertivas abaixo:
I. A diretiva ngFor é usada para iterar sobre a lista de itens e renderizar um componente ion-item com a concatenação de todos eles.
II. Ao clicar em um item, será acionado um método que tem como parâmetro o objeto do item selecionado com seus dados.
III. A diretiva ngIf serve para exibir um texto informando que a lista está vazia caso não haja nenhum item na lista.
IV. Na tag <ion-icon> será exibido um ícone que pode ser adicionado através de diferentes bibliotecas, tais como Ionicons e FontAwesome, indicando-se apenas o nome do ícone, sem inserção de uma imagem específica.
Quais estão corretas?