在角度2

时间:2017-01-12 18:23:08

标签: javascript angular typescript string-interpolation

在我的Angular 2应用程序中,我使用字符串插值从mongoDB中提取数据。现在服务器/数据库处于不稳定状态,因此有时会破坏我的客户端显示,例如,如果我通过字符串插值提取数据,如下所示:

{{record.addresses[0].zipCode}}

...然后,稍后,数据库中数据的组织方式发生变化,这将打破我的显示 - 因为客户端正试图从不再存在的字段中拉入。所以我认为我应该能够在像这样的用例中使用像elvis运算符这样的东西。这样,如果数据是客户端查找的位置,它将打印到屏幕上。但是,如果数据不是它正在寻找的地方,那么它将完全忽略该字段 - 不会破坏显示中的任何内容。

那么,简而言之,我如何在上面的表达式上实现elvis运算符?

1 个答案:

答案 0 :(得分:3)

你这样使用它:

{{record?.addresses[0]?.zipCode}}

这将检查是否定义record,然后在addresses[0] record下定义object,然后在该对象下定义zipCode