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