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、...
连日来！微乐家乡麻辣自建房辅助... 连日来！微乐家乡麻辣自建房辅助app，越乡游辅助脚本，要领教程（有挂总结）-哔哩哔哩1、任何微乐家乡...
透视ai代打！德普辅助器怎么用... 透视ai代打！德普辅助器怎么用，德普之星辅助软件（透视）竟然真的是有挂（了解有挂）-哔哩哔哩1、许多...
随着！微信边锋辅助，微乐透视辅... 随着！微信边锋辅助，微乐透视辅助工具，阶段教程（有人有挂）-哔哩哔哩1、操作简单，无需微乐透视辅助工...
透视苹果版！德普之星透视辅助，... 透视苹果版！德普之星透视辅助，德普之星辅助工具如何打开（透视）果然真的是有挂（有挂详细）-哔哩哔哩1...
据了解！玄龙透视辅助，wepo... 据了解！玄龙透视辅助，wepoker有人用过吗，模块教程（有挂透视）-哔哩哔哩；1、wepoker有...
透视神器！德普之星辅助工具如何... 透视神器！德普之星辅助工具如何设置，德普之星怎么设置埋牌（透视）真是存在有挂（有挂方法）-哔哩哔哩1...
此事引发广泛关注！雀姬无限钻石... 此事引发广泛关注！雀姬无限钻石辅助，新九哥辅助，指引教程（有挂技巧）-哔哩哔哩1、玩家可以在雀姬无限...
透视安卓版！如何下载德普之星辅... 透视安卓版！如何下载德普之星辅助软件，德普之星私人局透视（透视）竟然存在有挂（详细教程）-哔哩哔哩1...
近日！中至抚州数刀辅助器，we... 近日！中至抚州数刀辅助器，wepoker透视脚本免费，模块教程（有挂透明挂）-哔哩哔哩1、用户打开应...