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

相关内容

热门资讯

推荐透视！扑克之星辅助，微乐麻... 推荐透视！扑克之星辅助，微乐麻辣自建房辅助视频，项目教程（有挂方略）-哔哩哔哩在进入扑克之星辅助软件...
曝光透视！hhpoker免费透... 曝光透视！hhpoker免费透视脚本，微乐家乡游戏攻略，要领教程（有挂教程）-哔哩哔哩1、玩家可以在...
曝光透视！wepoker透视挂... 曝光透视！wepoker透视挂底牌，小程序微乐辅助器ios，资料教程（有挂细节）-哔哩哔哩1）wep...
曝光透视！wepoker是不是... 曝光透视！wepoker是不是有人用挂，微乐家乡官方免费下载安装，教程书教程（有挂细节）-哔哩哔哩1...
总结透视！wepoker私人局... 总结透视！wepoker私人局辅助挂，小程序微乐陕西挖坑辅助器，演示教程（有挂方法）-哔哩哔哩一、w...
曝光透视！wpk官网下载链接，... 曝光透视！wpk官网下载链接，微乐家乡小程序脚本ios，窍门教程（真的有挂）-哔哩哔哩1.wpk官网...
专业透视！hhpoker辅助器... 专业透视！hhpoker辅助器，微乐自建房辅助多少钱一个月，阶段教程（有挂分析）-哔哩哔哩一、hhp...
教你透视！wepoker私人局... 教你透视！wepoker私人局俱乐部怎么进，微乐小程序免费黑科技下载，机巧教程（有挂秘笈）-哔哩哔哩...
教你透视！wpk私人局辅助是真... 教你透视！wpk私人局辅助是真的吗，微乐手游微乐辅助免费，策略教程（有挂教程）-哔哩哔哩一、wpk私...
推荐透视！we poker辅助... 推荐透视！we poker辅助器下载，微乐小程序辅助开发透视，烘培教程（确实有挂）-哔哩哔哩1、该软...