Discussion :

[AlexandreJcpn]

Bonjour,

J'ai un souci au niveau de mon deuxième *ngIf, le premier fonctionne à merveille. Si je n'ai pas de produits j'affiche mon image avec un message mais pour le deuxième quand c'est vide le container reste en place. Je ne comprend pas pourquoi.

Pouvez vous m'aider ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<li>
          <input type="checkbox" checked>
          <i></i>
          <h3>Trouver un produit similaire</h3>
            <ion-card>
              <div *ngIf="!products || products.length === 0">
                <img src="../../../assets/imgs/undraw_road_sign_re_3kc3.svg" alt="">
                <p>No messages</p>
              </div>
            </ion-card>
            <swiper class="swiper-container" *ngIf="products || products.length > 0" #swiper [config]="config">
              <ng-template swiperSlide *ngFor="let product of products">
                <div class="swiper-slide">
                  <div class="div-center">
                    <img class="center" src="http://127.0.0.1:8001/uploads/products/{{ product.image }}" />
                    <div class="name">
                      <div>
                        <img class="logo" src="../../../assets/icon/awesome-campground.png">
                      </div>
                      <h4><b>{{ product.name }}</b> <span class="price">{{ product.price }} {{ product.currency }}/{{ product.weightunit }}</span></h4>
                    </div>
                    <div class="date">
                      <p>Ajouté le {{product.date | date:'d MMMM y'}}</p>
                    </div>
                  </div>
                </div>
              </ng-template>
            </swiper> 
        </li>

Et le screen pour montrer le que le swiper reste en place.


Merci d'avance

[dukoid]

il y a un OU logique donc l'un ou l'autre doit etre à TRUE
un tableau vide comme products est à TRUE donc normal , ça passe :
et oui un tableau vide existe donc c'est TRUE.
pour cela qu'il faut tester la quantité pour les tableaux !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
*ngIf="products || products.length > 0"

plutôt mettre un ET logique

le tableau existe ET sa quantité > 0

[AlexandreJcpn]

La partie de code que vous avez écrite est exactement celle que j'ai dans mon swiper et c'est justement à cette endroit que j'ai un problème.

J'ai pas compris ce que vous vouliez me dire.

Pouvez vous m'expliquer différemment ?

[AlexandreJcpn]

C'est bon enfaite j'ai bien relu ce que vous m'avez dit et j'ai compris mon erreur. Merci pour tout vous m'aider vraiment beaucoup