假设有两个数组data和otherData,我们可以使用Array.find()方法从otherData数组中找到需要访问数据的位置,然后使用该位置来获取data数组中的相应数据。下面是代码示例:
import { Component } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
export interface Data {
id: number;
name: string;
}
export interface OtherData {
id: number;
value: string;
}
@Component({
selector: 'app-table',
template: `
ID
{{element.id}}
Name
{{element.name}}
Value
{{getOtherData(element.id).value}}
`,
})
export class TableComponent {
displayedColumns: string[] = ['id', 'name', 'value'];
data: Data[] = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Mike' },
{ id: 3, name: 'Steve' },
];
otherData: OtherData[] = [
{ id: 1, value: 'Value1' },
{ id: 2, value: 'Value2' },
{ id: 3, value: 'Value3' },
];
dataSource = new MatTableDataSource(this.data