ngIf n'affiche pas la sortie prévue

Question

Je rencontre un problème de masquage du contenu de l'utilisateur. par exemple, du top 1 au 3, le top 1 de l'utilisateur est visuel et le top 2 est verbal. Il devrait afficher le contenu à la fois visuelle et verbale mais cachera la deuxième partie.

Si du top 1 au 3, je n'ai que du verbal mais pas de visuel, il affichera la 2ème partie et cachera la première partie. Qu'est-ce que je fais mal?

//Hides content if user is Both visual and verbal 
<div *ngFor="let styleElement of styles"> 
    <ion-slides *ngIf="styleElement.first == 'Visual' || styleElement.second == 'Visual' || styleElement.third == 'Visual' || 

     styleElement.first == 'Visual' && styleElement.second == 'Verbal' || 
     styleElement.first == 'Visual' && styleElement.third == 'Verbal' || 
     styleElement.second == 'Visual' && styleElement.first == 'Verbal' || 

     styleElement.second == 'Visual' && styleElement.third == 'Verbal' || 
     styleElement.third == 'Visual' && styleElement.first == 'Verbal' || 
     styleElement.third == 'Visual' && styleElement.second == 'Verbal' 
     "> 
    <ion-slide *ngFor="let slide of universeSlides"> 
     <br> 
     <img [src]="slide.image" class="slide-image" /> 
    </ion-slide> 
    </ion-slides> 
</div> 


//Hides this if user is only verbal 
// the 2nd part im referring to 
<div *ngFor="let styleElement of styles"> 
    <div *ngIf=" 
    styleElement.first != 'Visual' && styleElement.first != 'Verbal' || 
    styleElement.first != 'Visual' && styleElement.second != 'Verbal' || 
    styleElement.first != 'Visual' && styleElement.third != 'Verbal' 
    "> 
..... 

Answer 1

essayer comme ça

<div 
     *ngIf="((styleElement.first != 'Visual' && styleElement.first != 'Verbal') 
     || (styleElement.first != 'Visual' && styleElement.second != 'Verbal') 
     || (styleElement.first != 'Visual' && styleElement.third != 'Verbal'))" 
    >