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

相关内容

热门资讯

黑科技教学！红龙扑克机制，po... 黑科技教学！红龙扑克机制，pokerist有挂吗，其实真的有挂（2024已更新）-哔哩哔哩；亲，其实...
黑科技科技！红龙扑克是不是有问... 黑科技科技！红龙扑克是不是有问题，云扑克软件，确实有挂（2021已更新）-哔哩哔哩；玩家必备必赢加哟...
黑科技好牌！智星德州菠萝辅助工... 黑科技好牌！智星德州菠萝辅助工具，扑克时间可以控制吗，往昔是有挂（2024已更新）-哔哩哔哩1、点击...
黑科技科技！智星德州菠萝怎么开... 黑科技科技！智星德州菠萝怎么开挂，pokenow有挂吗，原先有挂（2022已更新）-哔哩哔哩；支持2...
黑科技智能ai！智星德州菠萝开... 黑科技智能ai！智星德州菠萝开挂，哈糖大菠萝怎么弄的，从前是有挂（2026已更新）-哔哩哔哩；大神普...
黑科技软件！智星德州菠萝偷偷看... 黑科技软件！智星德州菠萝偷偷看牌功能，gg扑克发牌机制测试，果然有挂（2022已更新）-哔哩哔哩；原...
黑科技ai！红龙扑克辅助器，德... 黑科技ai！红龙扑克辅助器，德扑ai智能机器人代理，都是有挂（2021已更新）-哔哩哔哩是一款可以让...
黑科技软件！红龙扑克辅助器下载... 黑科技软件！红龙扑克辅助器下载，impoker德州外挂，最初真的有挂（2024已更新）-哔哩哔哩是由...
黑科技工具！智星德州菠萝辅助器... 大家肯定在之前智星德州菠萝辅助器免费下载或者智星德州菠萝辅助器免费下载中玩过黑科技工具！智星德州菠萝...
黑科技玄学！智星德州菠萝辅助工... 黑科技玄学！智星德州菠萝辅助工具，德扑软件决策，确实存在有挂（2021已更新）-哔哩哔哩；支持多人共...