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、进入游戏-大厅左侧-新手福利-...
第二分钟教材！潮汕掌上娱透视脚... 第二分钟教材！潮汕掌上娱透视脚本制作（外挂）本来有辅助教程（哔哩哔哩）第二分钟教材！潮汕掌上娱透视脚...
1分钟法子！九九山城万州版辅助... 1分钟法子！九九山城万州版辅助（外挂）确实一直都是有辅助脚本（哔哩哔哩）1、实时九九山城万州版辅助透...
第2分钟大纲！桂林字牌科技免费... 第2分钟大纲！桂林字牌科技免费版（外挂）原来存在有辅助工具（哔哩哔哩）暗藏猫腻，小编详细说明桂林字牌...
第一分钟法子！四川微乐小程序辅... 第一分钟法子！四川微乐小程序辅助器（外挂）切实一直都是有辅助app（哔哩哔哩）1、完成四川微乐小程序...
第三分钟学习！小程序中至赣牌圈... 第三分钟学习！小程序中至赣牌圈黑科技（外挂）本来真的是有辅助app（哔哩哔哩）1、小程序中至赣牌圈黑...
十分钟机巧！吉祥填大坑的破解方... 十分钟机巧！吉祥填大坑的破解方法（外挂）一贯一直都是有辅助软件（哔哩哔哩）1）吉祥填大坑的破解方法免...
第四分钟绝活！摸一把游戏辅助软... 第四分钟绝活！摸一把游戏辅助软件（外挂）一直一直总是有辅助方法（哔哩哔哩）1、第四分钟绝活！摸一把游...
第1分钟秘籍！游戏辅助制作器（... 第1分钟秘籍！游戏辅助制作器（外挂）真是一直都是有辅助app（哔哩哔哩）1）游戏辅助制作器免费钻石：...
第九分钟项目！网易亲友圈辅助（... 第九分钟项目！网易亲友圈辅助（外挂）原来一直都是有辅助脚本（哔哩哔哩）网易亲友圈辅助能透视中分为三种...