带* ngFor的agm-direction（使用angularfire2）不会显示所有方向

Question

我有一个带有firebase的应用程序，该应用程序从数据库获取所有指示，然后显示它。当我console.log进入数据库时​​，我可以看到我所有的文档，但是agm-direction最多只能显示5个。

这是我的代码（html）：

  <agm-direction 
    *ngFor="let segment of segments"
    [origin]="segment.origin"
    [destination]="segment.destination"
    [renderOptions]="segment.renderOptions"
    [markerOptions]="markerOptions"
    (destinationDrag)="destinationDrag($event)"
    (originDrag)="originDrag($event)"
    [travelMode]="'WALKING'"
    >
  </agm-direction>

这是（ts）：

this.obsSegments = this.db.collection('segments').valueChanges();
      this.obsSegments.subscribe( (segs) => {
        this.segments = segs;
        console.log(this.segments);
      });
    });

，这是地图：

我可以向您保证，所有方向在此地图中都应该可见。

当我添加新方向时，有时会（仅）从地图上删除一个旧方向，并显示新方向，有时甚至根本不显示新方向。

边注，当我在地图上添加具有特定出发地和目的地的agm-direction时，它会显示它，因此，我确定agm-map应该能够显示更多比5还要当我从Firebase控制台手动删除时，将查看一个不同的方向，而不是被删除的方向。