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?