Angular - 如何从动态大小的表的数据源中设置mat-select的选定值
创始人
2024-10-14 20:30:20
0

要从动态大小的表的数据源中设置mat-select的选定值,您可以使用以下步骤和代码示例:

  1. 首先,创建一个包含动态大小表的组件。
import { Component } from '@angular/core';

@Component({
  selector: 'app-table',
  template: `
    
{{row.name}} {{option}}
` }) export class TableComponent { data = [ { name: 'Row 1', selectedValue: 'Option 1' }, { name: 'Row 2', selectedValue: 'Option 2' }, { name: 'Row 3', selectedValue: 'Option 3' } // Add more rows as needed ]; options = ['Option 1', 'Option 2', 'Option 3']; onSelectionChange(row: any, value: any) { row.selectedValue = value; } }
  1. 在您的父组件中使用该表组件。
import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    
  `
})
export class ParentComponent { }

通过上述示例,您将能够创建一个包含动态大小表的组件,并能够在mat-select中设置并保存选定值。

相关内容

热门资讯

玩家交流!werplan免费挂... 玩家交流!werplan免费挂下载,hh poker辅助器先试用,总结教程(有挂神器);亲真的是有正...
传递经验!wepoker辅助器... 1、传递经验!wepoker辅助器安装包定制,hhpoker可以控制吗,线上教程(有挂技巧);详细教...
分享一款!aapoker插件下... 1、分享一款!aapoker插件下载,德州局HHpoker透视脚本,2025新版教程(有挂教程)(U...
总算了解!hhpoker破解工... 总算了解!hhpoker破解工具,wepoker插件功能辅助器,细节揭秘(有挂软件);科技安装教程;...
我来教大家!aapoker辅助... 1、我来教大家!aapoker辅助软件合法吗,wepoker透视脚本安卓,解密教程(有挂神器)。2、...
信息共享!wepoker安装教... 信息共享!wepoker安装教程,来玩app 德州 辅助,安装教程(有挂技巧);来玩app 德州 辅...
揭秘真相!hh poker插件... 揭秘真相!hh poker插件下载,德普之星透视辅助软件激活码,AI教程(有挂辅助);科技安装教程;...
分享认知!hhpoker辅助器... 分享认知!hhpoker辅助器,hh poker插件下载,wpk教程(有挂软件);玩家必备必赢加哟《...
我来教大家!we poker辅... 我来教大家!we poker辅助器下载,佛手在线大菠萝智能辅助器,攻略教程(有挂教程);人气非常高,...
传递经验!hhpoker怎么破... 传递经验!hhpoker怎么破解,wepoker免费透视脚本,教你攻略(有挂透明),支持语音通讯、好...