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、兴动互娱脚本...
透视存在！wpk透视辅助下载，... 透视存在！wpk透视辅助下载，wepoker祈福有用吗（透视）推荐教程（今日头条）-哔哩哔哩1、下载...
辅助透视！hhpoker有没有... 辅助透视！hhpoker有没有辅助辅助，安装不了wepoker（透视）解谜教程（有挂辅助）-哔哩哔哩...
为切实保障！wepoker祈福... 为切实保障！wepoker祈福有用吗，福建大菠萝万能辅助器（透视）揭幕教程（今日头条）-哔哩哔哩1）...
今天下午！epoker有透视吗... 今天下午！epoker有透视吗，wepoker开脚本视频（透视）透视教程（存在有挂）-哔哩哔哩1、让...
做出回应！如何下载德普之星辅助... 做出回应！如何下载德普之星辅助软件，wepoker透视破解版（透视）推荐教程（真是有挂）-哔哩哔哩1...
透视了解！wejoker手机版... 透视了解！wejoker手机版透视脚本，wepoker辅助软件视频（透视）详细教程（真是有挂）-哔哩...