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、进入到边锋嘉兴麻将是否有...
发现玩家外挂攻略!一乐浙江多功... 发现玩家外挂攻略!一乐浙江多功能外挂攻略，一乐浙江一直真的有外挂攻略一乐浙江是不是有人用挂微扑克wp...
一分钟教你透视挂插件!皮皮四川... 一分钟教你透视挂插件!皮皮四川麻将至尊版多功能透视挂插件，皮皮四川麻将至尊版一贯存在有透视挂插件1）...
一分钟揭秘作弊器攻略!丽水都莱... 一分钟揭秘作弊器攻略!丽水都莱多功能作弊器攻略，丽水都莱一直真的有作弊器攻略1、每一步都需要思考，不...
我来教教你透视器教程!桂麻圈多... 我来教教你透视器教程!桂麻圈多功能透视器教程，桂麻圈其实是有透视器教程1、游戏颠覆性的策略玩法，独创...
指导大家作弊器攻略!欢乐赣游G... 指导大家作弊器攻略!欢乐赣游GZ多功能作弊器攻略，欢乐赣游GZ竟然真的有作弊器攻略1、全新机制【欢乐...
玩家必看科普作弊器插件!云鹤九... 玩家必看科普作弊器插件!云鹤九霄多功能作弊器插件，云鹤九霄真是有作弊器插件云鹤九霄破解侠是真的助透视...
指导大家透视器工具!朋朋政和麻... 指导大家透视器工具!朋朋政和麻将多功能透视器工具，朋朋政和麻将竟然是真的有透视器工具1、下载好朋朋政...
热点推荐辅助技巧!闲来麻将多功... 热点推荐辅助技巧!闲来麻将多功能辅助技巧，闲来麻将原来是真的有辅助技巧；1）闲来麻将免费钻石：进一步...