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

相关内容

热门资讯

透视透视！aapoker透视方... 透视透视！aapoker透视方法，微乐贵阳捉鸡麻将辅助，详情透视（有挂存在）-哔哩哔哩aapoker...
脚本教你！aapoker透视怎... 脚本教你！aapoker透视怎么用，aapoker怎么设置提高好牌几率（透视）其实真的是有工具（哔哩...
最终！约局吧能不能开挂，微乐小... 最终！约局吧能不能开挂，微乐小程序礼包码，详细透视（确实有挂）-哔哩哔哩1、任何约局吧能不能开挂透视...
透视解迷！德普软件，德普之星有... 透视解迷！德普软件，德普之星有辅助软件吗（透视）原来有教程（哔哩哔哩）破解侠是真的助透视。每个模型中...
截至目前！wepoker透视有... 截至目前！wepoker透视有用吗，微乐降序自建房辅助app，专业透视（有挂细节）-哔哩哔哩一、we...
脚本必备！aa poker透视... 脚本必备！aa poker透视软件，aapoker透视脚本下载（透视）都是是真的app（哔哩哔哩）1...
突发！红龙poker作必弊指令... 突发！红龙poker作必弊指令，在哪里下载微乐自建房辅助软件，辅助脚本（有挂细节）-哔哩哔哩1、全新...
透视分享！hhpoker可以控... 透视分享！hhpoker可以控制吗，hhpoker是正品吗（透视）一贯是真的器（哔哩哔哩）1、这是跨...
围绕透视问题！wepoker黑... 围绕透视问题！wepoker黑侠破解，微信小程序微乐安徽辅助苹果，科普脚本（有挂猫腻）-哔哩哔哩1、...
透视分享！wepoker公共底... 透视分享！wepoker公共底牌，wepoker辅助器官方（透视）确实是有方法（哔哩哔哩）运辅助工具...