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

相关内容

热门资讯

透视透视!wepoker怎么挂... 透视透视!wepoker怎么挂底牌,wepoker透视底牌(透视)线上教程(有挂揭秘)暗藏猫腻,小编...
透视辅助!线上德州的辅助器是什... 透视辅助!线上德州的辅助器是什么,wepokerplus开挂,细节方法(有挂秘笈)1、进入游戏-大厅...
透视黑科技!wepoker插件... 透视黑科技!wepoker插件辅助,wepoker透视脚本免费下载pc(透视)黑科技教程(有挂技巧)...
透视ai代打!hhpoker辅... 透视ai代打!hhpoker辅助挂,wepoker私局代打,线上教程(有挂内幕);1、构建自己的we...
透视计算!wepoker怎么破... 透视计算!wepoker怎么破解游戏,wepoker免费透视脚本(透视)必赢教程(有挂方法);1、下...
透视能赢!aapoker ai... 透视能赢!aapoker ai插件,pokernow辅助工具,力荐教程(有挂教程)1、pokerno...
透视软件!wejoker免费脚... 透视软件!wejoker免费脚本,wepoker免费透视(透视)存在挂教程(有挂详情);1、进入到w...
透视数据!wpk安卓下载辅助,... 透视数据!wpk安卓下载辅助,德普之星有透视辅助吗,微扑克教程(有挂内幕);一、德普之星有透视辅助吗...
透视肯定!wepoker私人定... 透视肯定!wepoker私人定制透视,wepoker怎么下载游戏(透视)玩家教程(有挂黑科技);1、...
透视app!wepoker脚本... 透视app!wepoker脚本下载,wpk作弊最怕三个东西,技巧教程(有挂攻略)透视app!wepo...