欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ERROR Error: Could not find column with id "[object Object]".

程序员文章站 2022-05-30 21:34:53
...

问题:

Angular material table 报错

原因:

colums只能是['id','name,'age']数组,不能是[{id:'id',name:'name',age:'age'}]这样的array json。

解决办法:

第一:

写一个pipe 例如:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'columnsToArray'
})
export class ColumnsToArrayPipe implements PipeTransform {

    transform(value: any): any {
        return value
            .filter(t => t.display === true)
            .map(d => d.title);
    }

}

第二:

渲染时用displayColumns,

在ts里转化 columns为数组,

相关标签: Angular Material