2017-10-05 2 views
0

사용자가 콘텐츠를 숨기는 데 문제가 있습니다. 예를 들어, 상위 1에서 3까지, 사용자의 상위 1은 시각적이며 상위 2는 언어입니다. 시각적 및 언어 적 콘텐츠를 모두 표시해야하지만 두 번째 부분은 숨길 것입니다.ngIf가 의도 한 출력을 표시하지 않습니다.

위에서 1 ~ 3면, 구두가 있지만 시각적이지는 않지만 2 번째 부분을 표시하고 첫 번째 부분을 숨 깁니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 이

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

가 예상대로 없는지 나올 수 있도록 콘솔 로그를 시도처럼

//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' "> ..... 

답변

0

시도? 또한 괄호 안에 조건의 일부를 래핑 할 수도 있습니다.
+0

편집 된 질문을 참조하십시오. 나는 내 시나리오를 재구성했다. 감사합니다 – AngularNewbie

+0

@ AngularNewbie, 원래 상태로 귀하의 질문을 반환하십시오, 그리고 RaviTeja 귀하의 원래 질문에 대한 답변을 선택하십시오. 새로운 질문이 있으시면, 별도의 질문으로 게시하십시오. 최소한 모든 업데이트 내용을'----- UPDATE -----' – FussinHussin

+0

텍스트 상자에 게시하십시오. 시나리오에 문제가 있습니다. – AngularNewbie