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...
据权威媒体报道！随意玩辅助器视... 据权威媒体报道！随意玩辅助器视频，微乐小程序黑科技辅助工具2026最新推荐，资料教程（有挂教程）-哔...
透视真的！德普之星透视辅助，德... 透视真的！德普之星透视辅助，德普之星辅助器（透视）好像真的有挂（有挂功能）-哔哩哔哩1）德普之星透视...
相较于以往！新道游透视黑科技，... 相较于以往！新道游透视黑科技，wpk安卓下载辅助，窍要教程（存在有挂）-哔哩哔哩1、每一步都需要思考...
透视智能ai！德普之星透视，德... 透视智能ai！德普之星透视，德普之星怎么设置埋牌（透视）一贯有挂（有挂助手）-哔哩哔哩在进入德普之星...
出现新变化！葫芦娃通杀辅助使用... 出现新变化！葫芦娃通杀辅助使用，新海贝之城脚本，教材教程（有挂解惑）-哔哩哔哩1.葫芦娃通杀辅助使用...
透视存在！德普之星私人局透视，... 透视存在！德普之星私人局透视，德普之星私人局透视（透视）总是存在有挂（有挂秘籍）-哔哩哔哩；德普之星...
相较于以往！新众亿挂机，新九哥... 相较于以往！新众亿挂机，新九哥智能辅助app，策略教程（有挂神器）-哔哩哔哩1、这是跨平台的新九哥智...
透视透视！德普之星辅助软件，德... 透视透视！德普之星辅助软件，德普之星透视辅助软件（透视）其实有挂（真是有挂）-哔哩哔哩透视透视！德普...
有了最新消息！福建大玩家辅助操... 有了最新消息！福建大玩家辅助操作视频，哈糖大菠萝免费辅助器，法门教程（有挂工具）-哔哩哔哩一、福建大...