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

相关内容

热门资讯

最新技巧!aapoker公共底... 最新技巧!aapoker公共底牌,wejoker辅助软件价格,揭秘教程(有挂攻略);最新版2024是...
透视最新!hhpoker是真的... 透视最新!hhpoker是真的还是假的(透视)竟然是真的有挂(详细辅助透明教程);1、进入游戏-大厅...
分享一款!pokernow辅助... 分享一款!pokernow辅助控制,aapoker怎么设置提高好牌几率,分享教程(有挂辅助);人气非...
透视辅助!newpoker怎么... 透视辅助!newpoker怎么安装脚本(透视)切实是有挂(详细辅助透明教程)1、每一步都需要思考,不...
分享给玩家!wepoker免费... 《分享给玩家!wepoker免费脚本弱密码,epoker有透视吗,科技教程(有挂神器)》 wepok...
透视真的!线上德州的辅助器是什... 透视真的!线上德州的辅助器是什么(透视)其实有挂(详细辅助解密教程)1、系统规律教程、辅助透视等服务...
一分钟揭秘!约局吧开挂,hhp... 1、一分钟揭秘!约局吧开挂,hhpoker是内部控制吗,力荐教程(有挂透明)。2、hhpoker是内...
透视模拟器!约局吧如何查看是否... 透视模拟器!约局吧如何查看是否有挂(透视)都是真的是有挂(详细辅助详细教程)一、软件透明挂的定义与意...
普及知识!wepoker底牌透... 普及知识!wepoker底牌透视脚本,wepoker透视破解版,安装教程(有挂教程)是一款可以让一直...
透视教程!hhpoker有辅助... 透视教程!hhpoker有辅助吗(透视)都是是真的有挂(详细辅助力荐教程);小薇(透视辅助)致您一封...