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、操作简单，无需注册，...
第2分钟总结！广西八一字牌开挂... 第2分钟总结！广西八一字牌开挂安装，决战十水三辅助（果然有挂）-哔哩哔哩1、该软件可以轻松地帮助玩家...
第7分钟揭露！超级三加一正版，... 第7分钟揭露！超级三加一正版，决战卡五星辅助修改器（一贯有挂）-哔哩哔哩1、决战卡五星辅助修改器系统...
第3分钟推荐！微信开心十三张小... 第3分钟推荐！微信开心十三张小程序脚本，新老夫子开挂系统（都是是有挂）-哔哩哔哩1、任何微信开心十三...
8分钟详细！h5反杀工具，hh... 8分钟详细！h5反杀工具，hhpoker辅助软件是真的么（真是有挂）-哔哩哔哩1）hhpoker辅助...
九分钟普及！新老夫子脚本，衢州... 九分钟普及！新老夫子脚本，衢州都莱辅助器（竟然存在有挂）-哔哩哔哩1、衢州都莱辅助器ai机器人多个强...
五分钟解密！兴动互娱辅助工具，... 五分钟解密！兴动互娱辅助工具，雀神挂件价格（总是存在有挂）-哔哩哔哩1、这是跨平台的兴动互娱辅助工具...
2分钟必备！心悦俱乐部游戏辅助... 2分钟必备！心悦俱乐部游戏辅助，玉海楼茶苑辅助工具（好像是真的挂）-哔哩哔哩1、玉海楼茶苑辅助工具透...
第六分钟详细！新道游正版辅助，... 第六分钟详细！新道游正版辅助，广东闲来辅助软件（原来真的有挂）-哔哩哔哩一、广东闲来辅助软件软件透明...
第四分钟详细！火神大厅科技，小... 第四分钟详细！火神大厅科技，小程序微乐辅助软件（真是是真的挂）-哔哩哔哩在进入小程序微乐辅助软件辅助...