Alguns objetos trazem informações em um array. Por isso, para utilizá-las é necessário passar a posição que o elemento desejado se encontra dentro do array ou utilizar um loop para percorrer todos elementos e tratá-los como for preciso.

Tratando Objetos Array com índice

O objeto products por exemplo, sempre retornará um array de dados, por isso para exibir apenas um produto com este objeto é preciso passar seu índice entre colchetes "[ ]".

Desta forma, para exibir uma posição do vetor de products e de categories temos:

{{ products[0].id}}

{{ categories[0].name}}

Tratando Objetos Array com laço de repetição

Podemos também exibir todos os produtos ou todas as categorias utilizando um laço for.

{% for product in products %}
    {{ product.name }}
{% endfor %}

{% for category in categories %}
    {{ category.name }}
{% endfor %}

Tratando Objetos Array com condicional

Ou podemos exibir na tela somente os que tiverem o atributo igual a determinado valor, para isso podemos fazer uma comparação na exibição de produto utilizando o if como o código abaixo.

 {% for product in products %}
    {% if product.id == '2' %}
       {{ product.id }}
    {% endif %}
 {% endfor %}

Com o if também podemos verificar se o objeto em questão, no caso do exemplo abaixo é verificado para cada item do objeto categories se contém uma imagem, caso tenha ela é exibida na tela.

{% for category in categories %}
   {% if category.images %}                     
   <img src="{{ category.images[0] }}" alt="{{ category.name }}">            
   {% endif %}      
{% endfor %}

PreviousReferências Nextbanner

Last updated 4 years ago