如何在前端html中使用AngularJs的NgIf？

在我的情況（item.senses [「0」]。定義），有時json文件沒有這個數據回來。所以我想在這一部分設置Ngif。任何人都可以幫助我如何編寫我的代碼？如果這個div有這個json數據，然後顯示數據，否則在div中不打印null。如何在前端html中使用AngularJs的NgIf？

<ion-header> 
     <ion-navbar color="primary" > 
     <ion-title> 

     </ion-title> 
     </ion-navbar> 

    </ion-header> 

    <ion-content padding> 


     <div class="headword">{{ item.headword }} 
     </div> 
     <div class="ipa"> {{ item.pronunciations["0"].ipa }} 
     <ion-icon name="volume-up" class="sound">British</ion-icon> 
     <ion-icon name="volume-up" class="sound">American</ion-icon> 
     </div> 

     <ion-item> 

     <ion-row> 
      <p class="type"> [ {{ item.part_of_speech }} ] 

     </ion-row> 
     </ion-item> 


     <div padding> 
     <div class="Title">Definition : </div> 
     <div class="Content">{{item.senses["0"].definition}} </div> 

     <div class="Title">Example : </div> 
     <!-- <button ion-button clear class="sound" (click)="playExample()"> 
    <ion-icon name="volume-up"></ion-icon></button> --> 
     <div class="Content">{{item.senses["0"].examples["0"].text}} </div> 

     </div> 




    </ion-content>

來源

2017-06-10 Rong Zhao

你可以用做什麼，

<div ng-if="item.senses[0].definition" class="Content">{{item.senses["0"].definition}} </div> 
<div ng-if="!item.senses[0].definition" class="Content"> Nothing </div>

來源

2017-06-10 08:08:46 Sajeetharan

如何在前端html中使用AngularJs的NgIf？

回答

相關問題