angular - 如果Angular 2中没有数据字段，如何不出错

Question

我正在使用Angular 2构建应用程序。我也在使用数据库。
如果键入以下代码，则会出现错误:

  <span class="col-sm-6">{{workorder.timeWindowAppointment.date}}</span>

错误是:

"Cannot read property 'date' of null"

这实际上是一个正确的错误，因为我还没有日期属性。我肯定会在将来有一个date属性。

我希望Angular 2不要抛出错误，只是在页面上什么也不显示。

Answer 1

您可以使用安全导航运算符(?)。它保护模板免受null/undefined值的影响:

<span class="col-sm-6">{{workorder?.timeWindowAppointment?.date}}</span>

了解有关 here的更多信息。