Angular4 with Angular Google Maps（AGM） - 显示带循环* ngFor的标记

Question

请用2周时间阻止我的代码。

我将Angular4与Firebase和Angular Google Maps（AGM）一起使用 https://angular-maps.com/guides/getting-started/

我正在尝试使用循环* ngFor显示标记，但我不能这样做

带有angular4 + firebase的结果

<agm-map [latitude]="lat" [longitude]="lng" [zoom]="1">

  <agm-marker *ngFor="let cavist of cavists;" [latitude]="cavist.lat" [longitude]="cavist.lng">
          <agm-info-window>
            <strong>{{cavist.title}}</strong>
            <br>
            <br><img src="{{cavist.imageUrl}}" alt="{{cavist.title}}">
            <br>
            <br><strong>adresse</strong>
            <br><span>{{cavist.adress}}</span>
            <br><span>{{cavist.zipcode}} - {{cavist.city}}</span>
            <br>
            <br><strong>description</strong>
            <br><span>{{cavist.description}}</span>
            <br>
            <br><strong>coordonnees gps</strong>
            <br><span>latitude: {{cavist.lat}}</span>
            <br><span>longitude: {{cavist.lng}}</span>
            <br>
          </agm-info-window>    
        </agm-marker>
</agm-map>

然而，我使用Angular 4没有遇到任何问题，但没有使用firebase。

结果为angular4

请你能帮帮我吗？