Как исправить 'Не удается прочитать свойство' AITOR 'из неопределенного в Object.updateRenderer' - PullRequest
Новая
       19

Как исправить 'Не удается прочитать свойство' AITOR 'из неопределенного в Object.updateRenderer'

0 голосов
/ 23 июня 2019

Я пытаюсь использовать таблицу данных, чтобы показать все наши контейнеры (транспортная компания).Я использую угловые 8 и материал, а также готовый к использованию набор данных, который я изменил для своих собственных нужд.

Я попытался проверить, был ли плох только один из столбцов - не сработал, я попытался преобразовать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.

...