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

相关内容

热门资讯

透视解密！wepoker透视方... 透视解密！wepoker透视方法，wepoker辅助器安装包定制-本来存在有辅助攻略（哔哩哔哩）1、...
透视专业！wpk软件是正规的吗... 透视专业！wpk软件是正规的吗，wpk透视是真的吗-好像是真的有辅助神器（哔哩哔哩）小薇（辅助器软件...
透视辅助！wepoker私人局... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款游戏中打...
透视科普！wpk俱乐部是做什么... 透视科普！wpk俱乐部是做什么的，wpk透视辅助方法-本来有辅助神器（哔哩哔哩）1、游戏颠覆性的策略...
透视详细！hhpoker万能辅... 透视详细！hhpoker万能辅助器，hhpoker德州透视-总是有辅助工具（哔哩哔哩）一、可以开透视...
透视分享！wepoker分析，... 透视分享！wepoker分析，wepoker手机插件-总是是真的有辅助app（哔哩哔哩）暗藏猫腻，小...
透视了解！wpk透视是真的吗，... 透视了解！wpk透视是真的吗，微扑克微乐辅助-竟然一直都是有辅助攻略（哔哩哔哩）1、辅助软件下载优化...
透视了解！wpk透视辅助方法，... 透视了解！wpk透视辅助方法，wpk模拟器是什么-真是是有辅助插件（哔哩哔哩）1）有没有挂：进一步探...
透视揭幕！德普之星有透视辅助吗... 透视揭幕！德普之星有透视辅助吗，德普之星有透视辅助吗-切实一直总是有辅助攻略（哔哩哔哩）1、超多福利...
透视必备！wpk软件是正规的吗... 透视必备！wpk软件是正规的吗，wpk辅助购买-竟然一直都是有辅助工具（哔哩哔哩）1、不需要AI权限...