Angular 2 json 管道显示内容但不显示实际数据
Angular 2 json pipe shows content but not actual data
<ul class="list-group">
<li class="list-group-item" *ngFor="#event of events">{{event | json}}</li>
</ul>
这有效并显示所有正确的数据!
<ul class="list-group">
<li class="list-group-item" *ngFor="#event of events">{{event.name}}</li>
</ul>
但这并没有:/
我正在使用 Parse 来获取数据,是的,有一个带有名称、名称的键。
export class EventsComponent {
events: any[];
ngOnInit() {
this.fetchEvents();
}
fetchEvents() {
let events = Parse.Object.extend('Event');
let query = new Parse.Query(events);
query.find({
success: (results) => {
this.events = results;
},
error: (error) => {
console.log(error);
}
});
}
}
使用?.
安全导航(或 Elvis(运算符
<li class="list-group-item" *ngFor="#event of events">{{event?.name}}</li>
当 Angular 尝试解析绑定并且event
仍然为空时,event.name
中断,因为您只在 ngOnInit()
中获取,这在 Angular 第一次尝试绑定值之后相当长的时间。
相关文章:
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- Angular渲染元素,但不渲染;t显示数据
- 如何在分页事件中突出显示数据表中的单词
- Angular JS和Node路由/布线-仅在页面刷新后显示数据
- MVC中关于表的自定义工具提示-每行显示数据
- Highcharts:根据表单输入动态显示数据
- 重置transform:rotate(),方法是移除并追加在追加和重绘图表后未显示数据的画布
- jqGrid无法显示数据
- 显示数据的最快方式
- 如何从jquery日期和时间选择器中选择和显示数据
- 我的复选框没有't使用的循环来显示数据
- 如何在状态输入ui路由器时立即显示模板,然后当承诺被解决时显示数据
- 车把模板不显示数据
- 如何完成表单后使用 AJAX 重定向并在其他页面上显示数据
- Html5 Web 存储未在第二页中显示数据
- ASP.Net VB - 显示数据折叠样式
- 正确禁止显示数据表中的警告
- 在使用 JS 进行选择时在文本框中显示数据
- 如何使用 C# 和 Angular js 在视图上显示数据
- 在轨道上的 Ruby 文本字段中动态显示数据