Imagem de fundo

Analise o código abaixo que demonstra um trecho de...

Analise o código abaixo que demonstra um trecho de interface desenvolvida com o framework IONIC.


<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 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?


A

Apenas I e II.


B

Apenas III e IV.


C

Apenas I, III e IV.


D

Apenas II, III e IV.


E

I, II, III e IV.