如何在前端html中使用AngularJs NgIf

Question

在我的例子中(item.senses["0"].definition(，有时json文件没有这个数据。所以我想在这部分设置 Ngif。谁能帮我如何编写代码？如果这个div 有这个 json 数据，则显示数据，否则打印 null 而不是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

你可以

用，

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