MatTableDataSource:无法读取未定义的属性'length'

问题描述

使用角度材料数据表时出现跟随错误.我能够从api获取数据，但无法在视图中呈现它.

Im getting following error while using angular material data table. i am able to get the data from api but cannot render it in view.

错误:

错误图片

TS:

      dataSource = new MatTableDataSource();
      displayedColumns: string[] = ["Part#", "Description"];
      getSearchResult() {
         let params = {
             ParentCategoryID: 0,
             CategoryID: 0,
             ManufacturerID: 0,
       };
        this._httpService.getSearchResult(params).subscribe((resp: any) => {
        this.searchResult = resp;
        this.dataSource.data = this.searchResult;
       });
    }

查看:

    <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
        <ng-container matColumnDef="Part#">
           <th mat-header-cell *matHeaderCellDef> Part# </th>
           <td mat-cell *matCellDef="let element "> {{element.PartCode}}
          </td>
        </ng-container>

        <ng-container matColumnDef="Description">
          <th mat-header-cell *matHeaderCellDef> Description </th>
          <td mat-cell *matCellDef="let element ">
              {{element.DiagramDescription}} </td>
         </ng-container>

        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
      </table>

推荐答案

尝试将dataSource = new MatTableDataSource();放入构造函数中:

Try putting dataSource = new MatTableDataSource(); inside the Constructor:

constructor() {
    dataSource = new MatTableDataSource();
}

这篇关于MatTableDataSource:无法读取未定义的属性'length'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！