Angular 2中表达式中问号的含义是什么？答案

【问题标题】：What is the meaning of question mark in expressions in Angular 2?Angular 2中表达式中问号的含义是什么？
【发布时间】：2020-02-12 16:52:31
【问题描述】：

values?.listArray 在这里是什么意思？具体来说，我对问号感兴趣。

[inputValue] = "values?.listArray"

【问题讨论】：

【解决方案1】：

编辑

从最初的答案开始，Ecmascript 和 Typescript（在 3.7 中）都添加了 ?.（称为可选链接运算符）运算符。详情请见PR。

原答案

这不是 Typescript 运算符。 Angular 2 在模板中有一个安全的导航操作符。

values?.listArray

等价于

values != null ? values.listArray: null

更多信息here 和 here

【讨论】：

【解决方案2】：

?“问号”不是打字稿中的三元运算符， ? 用于在组件生成文档以供浏览器显示时安全加载 HTML 文档。

如果我们写list?.values，则表示如果list.values不为空，则显示，如果list.values为空，则不显示。在任何情况下，它都会加载相应的 HTML 部分而不会出现任何错误。

【讨论】：

【解决方案3】：

总的来说，它避免了null异常。如果values对象有一个名为listArray的属性，那么listArray的值将被设置，否则将设置为null。

【讨论】：