Angularmat-cellelementforjson.attribute.infostructure
创始人
2024-10-28 06:31:09
0次

使用Angular的mat-cell元素来显示JSON属性信息结构。

在HTML模板中，使用mat-cell元素并绑定相应的属性信息：


  
    {{element.attribute_info}}

在组件中，定义表格列和数据源：

export class MyComponent implements OnInit {
  displayedColumns: string[] = ['attribute_info'];
  dataSource = ELEMENT_DATA;

  ngOnInit() {
  }
}

export interface Element {
  attribute_info: string;
}

const ELEMENT_DATA: Element[] = [
  {attribute_info: '属性1'},
  {attribute_info: '属性2'},
  {attribute_info: '属性3'}
];

上一篇：Angularmat-carousel不显示图片。

下一篇：Angularmat-checkbox的不确定状态未如预期般行为

相关内容

热门资讯

值得注意的是！七千在线辅助，微... 值得注意的是！七千在线辅助，微乐陕西小程序脚本，总结教程（有挂秘诀）-哔哩哔哩微乐陕西小程序脚本破解...
透视代打！德普之星透视辅助插件... 透视代打！德普之星透视辅助插件，德普之星辅助工具如何设置（透视）竟然存在有挂（有挂规律）-哔哩哔哩1...
据文件显示！途游修改器，微乐家... 据文件显示！途游修改器，微乐家乡官方免费下载安装，方式教程（有挂猫腻）-哔哩哔哩1、打开软件启动之后...
透视有挂！德普之星辅助工具如何... 透视有挂！德普之星辅助工具如何设置，德普之星透视辅助软件激活码（透视）确实是真的挂（有挂秘诀）-哔哩...
在玩家背景下！微信呢小程序中至... 在玩家背景下！微信呢小程序中至余干辅助，epoker底牌透视，项目教程（揭秘有挂）-哔哩哔哩1、打开...
透视脚本！德普辅助器怎么用，德... 透视脚本！德普辅助器怎么用，德普辅助软件（透视）好像真的是有挂（有挂神器）-哔哩哔哩1、金币登录送、...
迎来新发展！新九哥源码，新西部... 迎来新发展！新九哥源码，新西部大厅辅助，举措教程（有挂教学）-哔哩哔哩新西部大厅辅助辅助器是一种具有...
透视挂透视！如何下载德普之星辅... 透视挂透视！如何下载德普之星辅助软件，德普之星辅助器（透视）原来有挂（有挂解惑）-哔哩哔哩1、完成如...
据报道！wpk有辅助器吗，雀神... 据报道！wpk有辅助器吗，雀神麻雀充运势用吗，方案教程（有挂技巧）-哔哩哔哩1、据报道！wpk有辅助...
透视ai！德普之星透视软件免费... 透视ai！德普之星透视软件免费入口官网，德普之星透视辅助（透视）一贯真的有挂（有挂存在）-哔哩哔哩德...