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

相关内容

热门资讯

透视辅助！wepoker有没有... 透视辅助！wepoker有没有透视方法（透视）拱趴大菠萝万能挂，教程要领（有挂秘诀）-哔哩哔哩1、让...
透视分享！wepoker透视脚... 透视分享！wepoker透视脚本免费使用视频（透视）智星德州插件，教程妙计（有挂讲解）-哔哩哔哩在进...
透视普及！wepoker有辅助... 透视普及！wepoker有辅助功能吗（透视）wpk德州局透视，教程窍要（有挂助手）-哔哩哔哩1、we...
透视推荐！云扑克有透视吗（透视... 透视推荐！云扑克有透视吗（透视）wepokerplus万能挂，教程诀窍（有挂规律）-哔哩哔哩1、该软...
透视解谜！拱趴大菠萝机器人（透... 透视解谜！拱趴大菠萝机器人（透视）wpk辅助是什么，教程法门（有挂秘诀）-哔哩哔哩1、游戏颠覆性的策...
透视详细！aa poker透视... 透视详细！aa poker透视软件（透视）红龙poker辅助，教程大纲（有挂存在）-哔哩哔哩1、aa...
透视科普！wepoker透视视... 透视科普！wepoker透视视频（透视）wepoker透视脚本免费下载，教程机巧（有挂方略）-哔哩哔...
透视曝光！wepoker辅助器... 透视曝光！wepoker辅助器如何使用（透视）wepoker透视器免费，教程手段（有挂技巧）-哔哩哔...
透视推荐！德州局怎么透视（透视... 透视推荐！德州局怎么透视（透视）wejoker辅助软件，教程法门（有挂神器）-哔哩哔哩1、完成德州局...
透视开挂！哈糖大菠萝万能挂（透... 透视开挂！哈糖大菠萝万能挂（透视）wpk辅助哪里买，教程积累（有挂辅助）-哔哩哔哩1、玩家可以在哈糖...