Material HTTP table 示例 throws 属性没有初始化器，并且在本地环境的构造函数中没有明确赋值

问题描述

我正在尝试创建一个充满 HTTP 请求的表，因此我从 HTTP table 的角度材料文档中提供的示例开始：

https://material.angular.io/components/table/examples

https://stackblitz.com/angular/rkmqrvxvjlk?file=src%2Fapp%2Ftable-http-example.ts

当我在网站上执行它时，它可以工作。但是当我将它添加到本地环境中的组件时，我得到了以下异常：

属性 'exampleDatabase' 没有初始化器，也没有在构造函数中明确赋值。ts(2564)
属性“filteredAndPagedissues”没有初始值设定项，并且在构造函数中没有明确分配。ts(2564)
属性 'paginator' 没有初始化器，并且在构造函数中没有明确分配。 ts(2564)
属性 'sort' 没有初始化器，也没有在构造函数中明确分配。 ts(2564)

我尝试了在变量后添加 ? 或 ! 的解决方法，但仍然无法正常工作。我不会看到异常，但它会在运行时崩溃：

错误类型错误：this.sort 未定义。

除了更改组件的名称之外，我没有对代码进行任何更改。除此之外，我只是将 HTML 和 css 与 .ts 内容和导入一起复制：

解决方法

您可能忘记包含 MatSortModule。

不要忘记把它导入你的“app.modules.ts”

import { MatSortModule } from '@angular/material/sort';
...
@NgModule({
    declarations: [
        ...
    ],imports: [
        ...
        MatSortModule
    ],...
})
export class AppModule { }