如何显示/隐藏元素取决于angular2上的值是否未定义？

Question

如果值未定义，我将此代码仅显示每周小时。但是，此ngIf检查仍会在元素上显示undefined。我已经尝试了*ngIf="item.weeklyHour !== undefined"，但undefined仍然显示出来。我错过了什么？

<span class="c-f__weekly-hour" *ngIf="item.weeklyHour">
    {{item.weeklyHour}}
</span>

Answer 1

使用?运算符

<span class="c-f__weekly-hour" *ngIf="item?.weeklyHour">

这是PLunker，

请打开app.ts文件并通过注释和取消注释项目对象来查看输出。

Answer 2

我找到了答案！它是@Vivek＆amp;的组合。 @ n00dl3！ json不仅包含值，还包含字符串，因此值为undefined blabla。所以我更新了json并使用了*ngIf="item?.weeklyHour"。