Angular控制台异常
Angular控制台异常
提问于 2018-10-08 01:12:28
我在angular 6中得到了这个控制台异常：
_co.user.address is undefined这是从service收到的json对象信息：
{"name":"John Doe","address":{"city":"Las Vegas"}}这是网页代码：
<p>UserName: {{ user.name }} </p>
<p>City: {{ user.address.city }} </p>这是用户类ts代码：
export class UserComponent implements OnInit {
user: Object;
constructor(private data: DataService) { }
ngOnInit() {
this.data.getUser().subscribe(
data => this.user = data
);
}
}然而，网页中的城市信息显示正确。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-08 01:14:04
使用safe navigation operator(?)处理控制台错误，因为数据是异步检索的
<p>UserName: {{ user?.name }} </p>
<p>City: {{ user?.address?.city }} </p>如果您在模板上绑定了很多变量，也可以使用* on。
<ng-template *ngIf="user">
<p>UserName: {{ user?.name }} </p>
<p>City: {{ user?.address?.city }} </p>
</ng-template>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52690939
复制相关文章
相似问题
腾讯云开发者
