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

相关内容

热门资讯

透视了解！wepoke的确有挂... 透视了解！wepoke的确有挂，wepoke德州扑克系统规律，详细透视2025新版1、下载好wepo...
wepoke插件!wpk德州辅... 1、wepoke插件!wpk德州辅助(透视)本来真的是有挂(详细辅助可靠教程)；代表性（透视辅助软件...
wepoke有挂!wpk微扑克... wepoke有挂!wpk微扑克最新辅助(透视)素来是真的有挂(详细辅助曝光教程)是一款可以让一直输的...
透视插件！wepokeai代打... 透视插件！wepokeai代打，wepower软件靠谱吗，详细透视2025新版总结1、操作简单，无需...
智星德州菠萝外挂!wepoke... 一、智星德州菠萝外挂简介了解软件请加微：136704302智星德州菠萝外挂是一款在线扑克游戏平台，玩...
透视私人局！WePoKe外 挂... 透视私人局！WePoKe外 挂，wepoke app系统规律，详细透视必赢方法小薇（透视辅助）致您一...
aapoker外挂!wepow... aapoker外挂!wepower德州怎么设置(透视)本来是真的有挂(详细辅助解说技巧)是一款可以让...
辅助透视！wepoke辅助，w... 辅助透视！wepoke辅助，wepower辅助软件，详细透视2025新版技巧1、进入游戏-大厅左侧-...
德州ai辅助有用!wpkai辅... 德州ai辅助有用!wpkai辅助(透视)其实是有挂(详细辅助攻略教程)；致您一封信；亲爱德州ai辅助...
透视肯定！wepokeai代打... 透视肯定！wepokeai代打，wepoke软件俱乐部，详细透视透明挂教程1、玩家可以在wepoke...