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

相关内容

热门资讯

终于清楚！决战13水辅助，微信... 终于清楚！决战13水辅助，微信小程序辅助器出租，wpk教程（存在有开挂）是一款可以让一直输的玩家，快...
科技揭秘！新海贝之城脚本，微信... 科技揭秘！新海贝之城脚本，微信小程序挂机辅助，黑科技教程（存在有开挂）是一款可以让一直输的玩家，快速...
我来教大家！填的那款辅助视频，... 我来教大家！填的那款辅助视频，一起宁德钓蟹技巧，wpk教程（是真的开挂）;一起宁德钓蟹技巧AI智能教...
揭秘攻略！吉祥填大坑脚本，途游... 揭秘攻略！吉祥填大坑脚本，途游四川小程序好运卡，解密教程（真的是有开挂）；揭秘攻略！吉祥填大坑脚本，...
2024教程！情怀郴州字牌辅助... 2024教程！情怀郴州字牌辅助，浙江宝宝游戏透视辅助器，解密教程（是真的开挂）；1、首先打开浙江宝宝...
来一盘！福建宁德麻将辅助软件，... 来一盘！福建宁德麻将辅助软件，手机挂机软件，安装教程（真的有开挂）；福建宁德麻将辅助软件免费下载原版...
今日头条！新全游辅助器，微信小... 今日头条！新全游辅助器，微信小程序雀神，第三方教程（存在有开挂）相信很多朋友都在电脑上玩过微信小程序...
发现一款！盛世辅助，兴动互娱软... 发现一款！盛世辅助，兴动互娱软件下载辅助，wpk教程（有开挂）；1、实时兴动互娱软件下载辅助开挂更新...
三分钟了解！情怀七喜游戏辅助，... 三分钟了解！情怀七喜游戏辅助，腾威互娱 辅助工具，微扑克教程（真的有开挂）;腾威互娱 辅助工具是一种...
终于清楚！边锋干瞪眼脚本，小逸... 终于清楚！边锋干瞪眼脚本，小逸碰胡插件脚本，解密教程（有开挂）;小逸碰胡插件脚本AI智能教程细节普及...