ngIf 不显示预期的输出

Question

我在向用户隐藏内容时遇到了问题。例如，从top 1到3，用户的top 1是视觉的，top 2是口头的。它应该显示视觉和口头的内容，但会隐藏第二部分。

如果从前 1 到 3，我只有语言而没有视觉，它将显示第二部分并隐藏第一部分。我究竟做错了什么？

 //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

这样试试

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