Question

我尝试使用角度数据表创建一个表，但我发现这个错误，我认为它来自dataSource，但我无法看到如何解决它。任何建议都表示赞赏。

这是我得到的错误：

dataStream.pipe不是函数

这是表格的html：

    <div class="example-container mat-elevation-z8">
      <mat-table #table [dataSource]="dataSource">
        <!--*- Note that these columns can be defined in any order.
        The actual rendered columns are set as a property on the row definition" -->
        <!--* Idr Column -->
        <ng-container matColumnDef="idr">
          <mat-header-cell *matHeaderCellDef> Idr </mat-header-cell>
          <mat-cell *matCellDef="let receipts"> {{receipts.idr}} </mat-cell>
        </ng-container>
        <!--* Period Start Column -->
        <ng-container matColumnDef="fromDate">
          <mat-header-cell *matHeaderCellDef> Periode start </mat-header-cell>
          <mat-cell *matCellDef="let receipts"> {{receipts.fromDate}} </mat-cell>
        </ng-container>
<mat-header-row *matHeaderRowDef="displayedColumnsReceipt"></mat-header-row>
        <mat-row *matRowDef="let row; columns: displayedColumnsReceipt;"></mat-row>
      </mat-table>
    </div>

这是dataSource类：

export class ReceiptDataSource extends DataSource<any> {  

constructor(private registerService: RegisterService) {
    super();
  }

  connect(): Observable<IReceipt[]> {
    return this.registerService.getReceipt();
  }

  disconnect() {}

}

这是我的组件的一部分，其中定义了dataSource和表结构：

dataSource = new ReceiptDataSource(this.registerService);
displayedColumnsReceipt = ['idr', 'fromDate'];

这是声明getReceipt方法的服务：

getReceipt(): Observable<IReceipt[]> {
console.log('sdrParsed: ', this.sdrParsed.receipts);
return this.sdrParsed.receipts;
}

Answer 1

从提供的代码示例中很难确定，但鉴于错误表明 .pipe 不是函数，这几乎肯定意味着从连接方法返回的不是 Observable。您可以尝试一些代码，看看您是否可以订阅您的服务功能的返回，以确认订阅也失败。如果结果不是 Observable，你可以确保返回一个有效的 Observable 对象。

Angular Data表，dataStream.pipe不是函数

1 个答案: