如何修复'无法读取Object.updateRenderer上未定义的'AITOR'属性'

Question

我正在尝试使用数据表来显示我们所有的集装箱（货运公司）。我使用了角度8和材料设计以及准备使用的数据表，这些数据表已根据我的需要进行了更改。

我尝试检查是否只有1列是错误的-没用 我尝试将container.ts从类转换为接口-没用。

这是container.ts：

export interface Container {

    AITOR : string;
    SOG_MCOLH :string;
    GOBH_MCOLH :number;
    AORKH_MCOLH :number;
    MCOLH_N7 :number;
    MCOLH_AAAA :string;
    TAOR_QTSR_EBRI :string;
    QOD_MCHSN :string;
    STTOS_RASHI_4_1 :number;
    LQOCH_SHM_MQOTSR_EBRI : string;
    LQOCH_SHM_LEOZI_QTSR :string;
    LQOCH_QOC_LQOCH :string;
}

这是Component.ts：

@Component({
  selector: 'app-containers-page',
  templateUrl: './containers-page.component.html',
  styleUrls: ['./containers-page.component.scss']
})
export class ContainersPageComponent implements OnInit {

  dataSource = new ContainerDataSource(this.marinService);
  displayedColumns = ['AITOR', 'SOG_MCOLH', 'GOBH_MCOLH', 'AORKH_MCOLH','MCOLH_N7','MCOLH_AAAA','TAOR_QTSR_EBRI','QOD_MCHSN',
'STTOS_RASHI_4_1','LQOCH_SHM_MQOTSR_EBRI','LQOCH_SHM_LEOZI_QTSR','LQOCH_QOC_LQOCH'];

  constructor(private marinService:MarinServiceService) { }

ngOnInit() {

  }


  public searchString: string;
  public textSearch:string;
}

export class ContainerDataSource extends DataSource<any> {
  constructor(private marinService: MarinServiceService) {
    super();
  }
  connect(): Observable<Container[]> {
    return this.marinService.getAllContainers();
  }
  disconnect() {}

这是HTML表格示例：

 <mat-table [dataSource]="dataSource">
    <ng-container matColumnDef="AITOR">
      <mat-header-cell *matHeaderCellDef> Location </mat-header-cell>
      <mat-cell *matCellDef="let container"> {{continter.AITOR}} </mat-cell>
    </ng-container>

我要从中获得的是用于显示API具有的数据库中所有数据的表。