Questão de TI - Desenvolvimento de Sistemas — Outros Frameworks e Tópicos Mesclados — FUNDATEC 2023

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