Angular：如何将可观察对象推送到列表

Question

我收到一条错误消息，提示我无法将未定义的变量推送到我的列表中。 这是我在 component.ts 中的代码

for (const file of this.allFiles) {
  this.uploadFileService
    .validate(file)
    .subscribe(  valid => {
      this.validList.push(valid);
    })
}

这是我的服务：

validate(file: File): Observable<boolean> {
      const data: FormData = new FormData();
      data.append('file', file);
      return this.http.post<boolean>(`${this.url}/validate`,data);
    }

如何推送到列表？

Answer 1

如果在推送之前没有先初始化数组（ [] ），您将收到此错误。 请先在组件顶部声明变量validList: Array<any> = [] ，然后再将数据推入内部。

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent implements OnInit{
  name = 'Angular';
  validList: Array<any> = [];

  ngOnInit() {
    this.validList.push(true);
  }
}

发布重复的 stackblitz

工作堆栈闪电战