如何在前端html中使用AngularJs NgIf?

时间:2017-06-10 08:05:06

标签: angularjs multidimensional-array ionic-framework

在我的情况下(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>

1 个答案:

答案 0 :(得分: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>