如何使用另一个for循环来打印ID、名称或类型,而不是Angular 7中的bird.ID或bird.Name?

如何使用另一个for循环来打印ID、名称或类型,而不是Angular 7中的bird.ID或bird.Name?,angular,typescript,Angular,Typescript,我有列数可变的数据。当我有一个固定的列时,我可以在表中显示数据。但是,当我不知道所有列的名称时,如何显示表中的所有数据 我用的是angular 7 birds = [{ "ID": "001", "Name": "Eurasian Collared-Dove", "Type": "Dove" }, { "ID": "002",

我有列数可变的数据。当我有一个固定的列时,我可以在表中显示数据。但是,当我不知道所有列的名称时,如何显示表中的所有数据

我用的是angular 7

  birds =
         [{
            "ID": "001",
            "Name": "Eurasian Collared-Dove",
            "Type": "Dove"          
        },
        {
            "ID": "002",
            "Name": "Bald Eagle",
            "Type": "Hawk"         
        },
        {
            "ID": "003",
            "Name": "Cooper's Hawk",
            "Type": "Hawk"            
        }];
代码:


身份证件
鸟名
鸟种
{{bird.ID}
{{bird.Name}
{{bird.Type}

输出应该是一个基于数据的表。

根据需要从对象获取键
arr=Object.key(birds[0])
,将这些值存储在将成为数组的变量上,然后继续在表头上使用NgFor

<tr>
  <th *ngFor=" let a of arr"> {{a}} </th>
</tr>
<tr *ngFor="let bird of birds">
  <td *ngFor="let a of arr"> {{bird[a]}} //As Bryan suggested!
</tr>

{{a}
{{bird[a]}///正如布赖恩所建议的那样!

看一看第一个答案:出于性能原因,你最好像鸟一样做[a]。表可以得到非常长的时间:{“PassengerId”:{“0”:892,“1”:893,“2”:894,“3”:895},“Pclass”:{“0”:3,“1”:3,“姓名”:{“0”:“Kelly,James先生”,“1”:“Wilkes,James夫人(Ellen Needs)”,“2”:“Myles,Thomas Francis先生”,“3”:“Wirz,Albert先生”},“性别”:{“0”:“男”,“1”:“女”,“2”:“男”,“3”:“男”,“年龄”{“0.5岁”,“34.47”:Sib0“,“Sib0”您必须遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他有关法律法规,如果数据采用上述注释中所示的格式,那么如何将表格格式化为angular?@BCSmith好的,arr现在应该是Object.keys(titanic),因为这些是新的键,由于结构不同,类似于.yes。我知道。但我无法打印每列的值。那里什么都没有。
<tr>
  <th *ngFor=" let a of arr"> {{a}} </th>
</tr>
<tr *ngFor="let bird of birds">
  <td *ngFor="let a of arr"> {{bird[a]}} //As Bryan suggested!
</tr>