Angular 2 json 管道显示内容但不显示实际数据

Angular 2 json pipe shows content but not actual data

本文关键字:显示 数据 json 管道 Angular      更新时间:2023-09-26
<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 第一次尝试绑定值之后相当长的时间。