AngularMatTableDataSource:如何从另一个数组中访问一个位置并获取其数据?
创始人
2024-10-28 12:30:03
0

假设有两个数组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

相关内容

热门资讯

玩家攻略推荐!九九山城插件,h... 玩家攻略推荐!九九山城插件,hhpoker外挂靠谱吗,玩家教你(有人有挂);九九山城插件是一种具有地...
重要通知!老友广东麻将有挂吗,... 【福星临门,好运相随】;重要通知!老友广东麻将有挂吗,werplan脚本,AI教程(有挂辅助);暗藏...
一分钟揭秘!福建兄弟13水辅助... 一分钟揭秘!福建兄弟13水辅助,wepoker有什么规律,规律教程(有挂方法);亲真的是有正版授权,...
重大推荐!广西老友有破解吗,竞... 重大推荐!广西老友有破解吗,竞技联盟破解版最新版,教你攻略(有挂分享);广西老友有破解吗免费下载原版...
玩家必备教程!四川皮皮辅助,w... 玩家必备教程!四川皮皮辅助,wepoker私人局外卦,技巧教程(有挂教程);1、不需要AI权限,帮助...
一分钟揭秘!情怀莆仙外挂,约局... 一分钟揭秘!情怀莆仙外挂,约局吧德州真的有透视挂吗,必胜教程(揭秘有挂);一、情怀莆仙外挂有挂的是的...
带你了解!雀友会潮汕图片辅助器... 带你了解!雀友会潮汕图片辅助器,wepoker俱乐部辅助,技巧教程(有挂详情)是一款可以让一直输的玩...
必备科技!天天微友第三方辅助软... 必备科技!天天微友第三方辅助软件下载,hhpoker辅助靠谱吗,曝光教程(有挂秘籍);1、天天微友第...
每日必备!逗娱碰胡辅助器,hh... 【福星临门,好运相随】;每日必备!逗娱碰胡辅助器,hhpoker透视方法,AI教程(的确有挂);暗藏...
玩家必看教程!微乐自建房怎么提... 玩家必看教程!微乐自建房怎么提高胜率,wepoker究竟有没有透视,科技教程(讲解有挂);玩家必看教...