错误 TS2571：在 *ngFor 中尝试管道切片时，对象的类型为“未知”

Question

我尝试在表格中的角度应用程序上使用 NGB 分页。但是当我在 *ngFor 中使用管道切片时，我的 Angular 出现错误 TS2571：尝试切片时对象的类型为“未知”。这是我的代码：

1. 我的 HTML 代码：

<tr *ngFor="let row of documentaryList|slice: (page-1) * pageSize : page * pageSize" class="text-md text-md-center">
                  <td>{{ row.documentDate }}</td>
                  <td><a class="text-info" routerLink="details-documentary/{{row._id}}">{{ row.documentName }}</a></td>
                  <td>{{ row.documentNumber }}</td>
                  <td>{{ row.documentType }}</td>
                  <td>{{ row.documentAddress }}</td>
                  <td>
                    

2. 我的 .ts 代码：

export class ListDocumentaryComponent implements OnInit {
  title = 'Documentary';
  documentaryList: any;
  page = 1;
  pageSize = 10;
  lengthDocumentList = 0;

  constructor(private documentaryService: DocumentaryService) {
  }

  ngOnInit(): void {
    this.getDocumentaryList();
  }

  getDocumentaryList(): any {
    this.documentaryService.getDocumentary()
      .subscribe((data: any) => {
        this.documentaryList = data.data;
        this.lengthDocumentList = this.documentaryList.length;
      });
  }

}

3. 我在控制台中的对象：

4. 还有我的错误：

感谢您的帮助！

Answer 1

改成documentaryList: any;​ documentaryList: any[] = [];

在 TypeScript 中，类型的选择可以显着影响代码的质量和可靠性。虽然 any 类型通过允许属性保存任何类型的值来提供灵活性，但它也丧失了 TypeScript 的核心优势：类型检查。使用 any 本质上是告诉 TypeScript 禁用类型检查并假设最小的限制，这可能会导致类型安全和代码清晰度降低的潜在问题。通过选择更具体的类型（例如对象），您可以为代码引入更多结构。这允许 TypeScript 执行类型检查并提供有意义的 IntelliSense 建议，在编译时而不是运行时捕获与类型相关的错误。