当任何对象或字段可以为空时,如何处理多个空值或未定义值?像这样 <p>{{object.object2.object3.field1}}</p>

How to deal with multiple null or undefined values when any object or field can be null? like this <p>{{object.object2.object3.field1}}</p>

<p>{{object.object2.object3.field1}}</p>

我有很多 <p> 充满了对象,这些对象有一个对象,这个对象有一个可能有字段的对象,在任何情况下 objectobject2object3field 可以是 nullundefined。如何正确处理?

如果我尝试为每个值添加一个 ngIf,我的观点就会变得疯狂。

你可以试试下面,

<p>{{object?.object2?.object3?.field1}}</p>

详细了解 Safe navigation operator here

希望对您有所帮助!!

想要添加,如果你想在 var 为 null 或未定义的情况下添加一个占位符,例如“--”或 "missing",你可以这样做:

<p>{{object?.object2?.object3?.field1 || '--'}}</p> //Shows '--' if missing field1 or objects

甚至可以和管道混用:

<p>{{(object1?.object2?.object3?.dateField | date: 'shortDate') || 'Missing date'}}</p>

显示:如果为空或未定义则缺少日期