如何在Angular中为agular网格动态创建ColumnDef和Headers？

Question

我有一个JSON文件：

{
 "Tab1" : [   
            { "Column1" : "DummyData1",  
              "Column2"  : "DummyData2",
              "Column3" : "DummyData3",
            }
          ],                            
 "Tab2": [   
            { "SomeColumn4" : "DummyData4",  
              "SomeColumn5" : "DummyData5",
            }
          ],
 "Tab3": [   
            { "SomeColumn6" : "DummyData6",  
              "SomeColumn7" : "DummyData7",
            }
          ]
}

我有一个页面，上面有3个标签。当我点击Tab1时，只应在ag网格中填充Tab1列。我正在使用角度4和ag网格。每当我点击特定标签

时，它基本上都是动态地获取列标题