Angular2如何使用空对象或数组

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (58)

我从服务器获取json对象,它们是深层嵌套的。

无论如何,我想在json对象为空(或数组)时显示“用户尚未填写”

我尝试了几乎所有东西,但他们没有工作。我究竟做错了什么?

<div class="common-container" *ngFor="let detail of deepTeaInfo | getValues">
  <div id="exp-box" *ngFor="let grade of detail['introduceInfo']['grade'] | getValues">
    <p class="fontstyle3">Grade: <span class="fontstyle2">{{grade.category | type_transform}}</span></p>
    <p class="fontstyle3">Period: <span class="fontstyle2"> {{grade.when | type_transform}}</span></p>
    <p class="fontstyle3">Description: <span class="fontstyle2"> {{grade.description}}</span> </p>

    <p class="fontstyle2" *ngIf="grade?.length > 0">
      The user hasn't filled in yet
    </p>
  </div>
  <br>
</div>

我试过的东西

 *ngIf="grade?.length > 0"

*ngIf = "(grade|json) == '{}'"

*ngIf = "grade.length >0"

*ngIf = "(grade|json).length >0"

*ngIf "(grade|json) == ({}|json)"

他们没有工作。

如果我在html中{{grade.json}},我会看到类似的内容

 {when: 2011, description: temp, category: school},
 {when: 2011, description: temp, category: school}

如果我在html中{{grade}},我明白了

 [object Object]
 [object Object]

(我知道从我从服务器获得的json字符串看到数组是空的:))

我究竟做错了什么?

提问于
用户回答回答于
用户回答回答于

对于每个对象,您应该将其存储在模型中,并且在模板中,您可以轻松检查该特定模型是否具有数据。这是将嵌套的json对象存储到模型中的理想方法。

扫码关注云+社区

领取腾讯云代金券