无法以角度分配数据源值

Question

构造函数（私有appService：AppService）{} newHero:put详情 数据源：MatTableDataSource； ngOnInit() { this.appService.getcomplains() .subscribe(data => this.newHero = data); this.dataSource = this.newHero; } 错误：

类型“putDetail”不可分配给类型 'MatTableDataSource'。类型中缺少属性“_data” 'putDetail'。 （属性）ComplaintsComponent.dataSource： MatTableDataSource

Answer 1

您需要初始化 dataSource 并使用 this.dataSource.data 而不是 this.dataSource 并将其放入 subscribe 回调中，以确保仅在您的订阅解决时才填充它。

您从http 得到的响应不是 JSON 数组而是 JSON 对象。使用 Object.values 将响应转换为数组。

constructor(private appService: AppService) { }
          newHero:putDetail
         dataSource = new MatTableDataSource<putDetail>();
          ngOnInit() {
          this.appService.getcomplains()
          .subscribe(data{ => this.newHero = data;
            this.dataSource.data = Object.values(this.newHero);


        });

      }