打字稿错误：“对象”类型的参数无法分配给“{}[]”类型的参数

Question

我正在使用Angular Material 表组件，如下所示：

    this.userService.getUsers().subscribe((response) => {
        this.users = new MatTableDataSource(response);
    });

它可以工作，但是在编译时会抛出以下打字稿错误：

“Object”类型的参数不可分配给“{}[]”类型的参数。“对象”类型可分配给很少的其他类型。您的意思是使用“any”类型吗？“对象”类型中缺少属性“包含”。

所以我尝试将其更改为：

this.users = new MatTableDataSource<any>(response);

但仍然是同样的错误。response看起来像这样：

[{
    userId: 123,
    username: 'Tom'
}, {
    userId: 456,
    username: 'Joe'
}]

知道如何消除错误吗？

编辑

如果我这样做的话应该提到：

this.users = new MatTableDataSource([response]);

错误消失，但表格无法工作，因为格式不是表格预期的正确格式。只是注意到这一点，以防它揭示可能的原因......

Answer 1

“Object”类型的参数不可分配给“{}[]”类型的参数。

这并不意味着MatTableDataSource接受了错误的参数，而是您的response类型错误。你应该明确地类型转换：

  (response: {userId: number, username: string }[]) =>

或者在传递它时这样做：

 new MatTableDataSource(response as {userId: number, username: string }[])