小编M0t*_*tii的帖子

我目前正在尝试为我的网络应用程序制作一个日志框。它获取一个日志数组，并应在 div 中逐行显示它们。我使用 ngFor 并循环遍历我的日志数组，然后显示它们。

我的问题是现在日志显示无限次，而不是应有的 5 次（列表中的 5 个数组条目）。

有人提示我缺少什么吗？

日志.component.html

<div class="logContent">
    <div class="row">
      <div class="col-12" *ngFor="let log of this.logService.getLogs()">
        <app-singlelog [when]="log.when" [type]="log.type" [data]="log.data"></app-singlelog>
      </div>
    </div>
  </div>

日志服务.ts

export class LogService {
  private logArray = [];
  /* private logObject = {} as Log; */

  constructor(private httpservice: HttpserviceService) { 
    
  }

  public getLogs(): Array<Log> {
    this.httpservice.getLogs().subscribe(data => {
      data.forEach(index => {
        let logObject = {} as Log;
        logObject.when = index.when;
        logObject.type = index.type;
        logObject.data = index.data;
        this.logArray.push(logObject);
      })
    }
    ) …