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、福建大玩家透视工具...
四分钟项目！新518互游脚本下... 四分钟项目！新518互游脚本下载，财神十三张安装工具（辅助）竟然是真的辅助器（哔哩哔哩）1、财神十三...
第1分钟教材！边锋透视器辅助器... 第1分钟教材！边锋透视器辅助器微信，h5新全游辅助（辅助）竟然是真的下载（哔哩哔哩）1、上手简单，内...
第七分钟教程书！顺欣茶坊辅助，... 第七分钟教程书！顺欣茶坊辅助，随意玩辅助器视频透视挂（辅助）竟然真的有平台（哔哩哔哩）1、首先打开随...
一分钟资料！789大菠萝如何手... 一分钟资料！789大菠萝如何手气顺，财神十三张辅助（辅助）总是是真的软件（哔哩哔哩）1、789大菠萝...
第三分钟阶段！新八戒怎么控制牌... 第三分钟阶段！新八戒怎么控制牌型，新鸿狐挂机（辅助）一贯有挂辅助（哔哩哔哩）1）新八戒怎么控制牌型辅...
第一分钟技法！朱雀开心罗松怎么... 第一分钟技法！朱雀开心罗松怎么开挂，青鸟辅助怎么更新（辅助）一贯真的有工具（哔哩哔哩）1、朱雀开心罗...
第八分钟方案！小南娱乐外g挂系... 第八分钟方案！小南娱乐外g挂系统，新海贝之城脚本（辅助）一直真的是有安装（哔哩哔哩）；一、小南娱乐外...