当任何对象或字段可以为空时,如何处理多个空值或未定义值?像这样 <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>
充满了对象,这些对象有一个对象,这个对象有一个可能有字段的对象,在任何情况下 object
或 object2
或 object3
或field
可以是 null
或 undefined
。如何正确处理?
如果我尝试为每个值添加一个 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>
显示:如果为空或未定义则缺少日期
<p>{{object.object2.object3.field1}}</p>
我有很多 <p>
充满了对象,这些对象有一个对象,这个对象有一个可能有字段的对象,在任何情况下 object
或 object2
或 object3
或field
可以是 null
或 undefined
。如何正确处理?
如果我尝试为每个值添加一个 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>
显示:如果为空或未定义则缺少日期