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的不确定状态未如预期般行为

相关内容

热门资讯

外挂举措！拱趴大菠萝自动计算机... 外挂举措！拱趴大菠萝自动计算机器人，pokerworld破解版下载-确实是有辅助软件（哔哩哔哩）1、...
外挂技法！德扑之心免费透视，哈... 外挂技法！德扑之心免费透视，哈糖大菠萝免费辅助器-一贯有辅助神器（哔哩哔哩）1、进入游戏-大厅左侧-...
外挂绝活！fishpoker透... 外挂绝活！fishpoker透视，智星菠萝有挂吗-真是一直总是有辅助教程（哔哩哔哩）1、实时智星菠萝...
外挂法子！哈糖大菠萝助手，xp... 外挂法子！哈糖大菠萝助手，xpoker辅助-切实是真的有辅助工具（哔哩哔哩）1、许多玩家不知道哈糖大...
外挂手册！德普之星透视辅助插件... 外挂手册！德普之星透视辅助插件，sohoo竞技联盟辅助器-真是真的是有辅助插件（哔哩哔哩）1、完成s...
外挂技法！悦扑克脚本，佛手大菠... 外挂技法！悦扑克脚本，佛手大菠萝辅助-果然真的是有辅助教程（哔哩哔哩）1）佛手大菠萝辅助有没有挂：进...
外挂妙招！德普之星app安卓版... 外挂妙招！德普之星app安卓版破解版，智星菠萝可以辅助吗-果然是有辅助app（哔哩哔哩）暗藏猫腻，小...
外挂办法！poker worl... 外挂办法！poker world辅助，哈糖大菠萝万能挂-原来一直总是有辅助插件（哔哩哔哩）；1、任何...
外挂办法！xpoker辅助，p... 外挂办法！xpoker辅助，pokerrrr2辅助-其实是有辅助软件（哔哩哔哩）1、pokerrrr...
外挂积累！poker mast... 外挂积累！poker master辅助，xpoker辅助工具-本来是有辅助技巧（哔哩哔哩）一、pok...