Question

如果value == null，我想隐藏离子行我使用此代码，但无法正常工作

<ion-row ng-show="item.Sex!= null">
                <ion-col col-6>
                    <h5 class="title">Porn Date</h5>
                </ion-col>
                <ion-col col-2>
                    <h5 class="data">{{ item.Sex}}</h5>
                </ion-col>
            </ion-row>

此处是响应列表数据

DayAfterPorn:null
Expected: null
Id:2
IsBuy:false
IsDead:false
IsDeleted: false
Num : 2
Sex: null## Heading ##

为什么ng show甚至value == null都不起作用

Answer 1

您应该使用！item.Porn

<ion-row ng-show="!item.Porn">

Answer 2

您可以使用ng-show="item.Porn"或[hidden]="!item.Porn"

我希望这会帮助/指导您/其他人。

如果您使用的是离子1+版本

<ion-row ng-show="item.Porn"> 
    <ion-col col-6> 
         <h5 class="title">Porn Date</h5> 
     </ion-col> 
    <ion-col col-2> 
        <h5 class="data">{{ item.Porn }}</h5> 
    </ion-col> 
</ion-row>

如果您使用的是离子3版本

<ion-row [hidden]="!item.Porn"> 
        <ion-col col-6> 
             <h5 class="title">Porn Date</h5> 
         </ion-col> 
        <ion-col col-2> 
            <h5 class="data">{{ item.Porn }}</h5> 
        </ion-col> 
    </ion-row>

Answer 3

我用* ngif隐藏元素

重复显示离子

3 个答案: