我有一个关于判断对象中是否存在某个字段的问题.
我想打印用户拥有的所有类别，所以我会这样做:
<ul *ngIf="user.categories.length > 0" *ngFor="#category of user.categories">
<li>
{{category.name}}
</li>
</ul>
原因是什么？所有数据都打印了PROPERLY份，但我在web控制台中遇到了如下错误:
Cannot read property 'name' of null
但当我做一些类似的事情时:
<ul *ngIf="user.categories.length > 0" *ngFor="#category of user.categories">
<li *ngIf="category">
{{category.name}}
</li>
</ul>
那么一切都好了.
我是不是做错了什么，或者我可能每次都要判断这个？你有没有遇到过这样的问题？
basic usage个
使用安全导航操作员
{{category?.name}}
则仅当category不是null时才读取name.
array
这只适用于.(取消引用)运算符.
{{records && records[0]}}
See also Angular 2 - Cannot read property '0' of undefined error with context ERROR CONTEXT: [object Object]
async pipe个
有了async根管子，它可以像
{{(chapters | async)?.length
100
目前有ngModel个，需要将其拆分为
[ngModel]="details?.firstname" (ngModelChange)="details.firstname = $event"
另见第Data is not appending to template in angular2页
100
另一种方法是始终使用*ngIf="data"包装视图的一部分，以防止在data可用之前呈现该部分，以防止出现取消引用错误.