Wie benutze ich AngularJs NgIf im Frontend HTML?

Question

In meinem Fall (item.senses ["0"]. Definition), manchmal die JSON-Datei nicht diese Daten zurück. Also ich möchte Ngif auf diesem Teil setzen. Kann mir jemand helfen, wie soll ich meinen Code schreiben? Wenn dieses div diese json-Daten hat, dann zeige die Daten an, sonst drücke null nicht etwas im div.

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

Answer 1

Sie mit tun könnte,

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