Javascript AngularJS创建动态模板

我目前正在尝试创建某种动态模板，它从两个独立的服务获取数据和元信息。最终的结果应该是一个表格，显示带有正确标签的数据。我的计划是创建具有不同基本设计的

HTML

-模板，比如一个有3、4或5列的表。然后，匹配的控制器应该从服务获取元数据，该服务应该返回一个带有属性的

id

及其

name

的数组，该数组应该显示在表中。到目前为止还不错，但现在有一个棘手的部分：
第二个服务获取模板的匹配数据和元数据的

id

，以及实际数据匹配的

id

，以便您能够正确匹配它们

以下是plunkr上的代码：

主要问题是以下代码：

<tr ng-repeat="person in persons">
   <td>{{person.name}}</td> 
   <td>{{person.age}}</td>
   <td>{{person.postal}}</td>
</tr>  

{{person.name}
{{person.age}
{{个人.邮政}

在

-标记之间，数据不是动态获取的，而是静态获取的。我不想明确地说我的属性是如何调用的，但是使用从元服务获取的数据来了解我的属性是如何调用的。 因此，模板最终应该获得属性的名称以及匹配的数据。你们有什么好办法帮我解决这个问题吗

编辑
让事情更清楚一点：
此时，

标记之间的数据是静态获取的，因为术语

{{person.name}

是硬编码的。让我们假设数据的结构是透明的，并且将有一个

国家

-属性，而不是

邮政

属性。保持不变的模板仍然尝试从

person.postal

而不是从

person.country

获取数据。因此，

未定义

或甚至错误都将是后果。
为了防止这种情况，属性的名称应该从元服务中获取，并在

HTML

页面中构建

工作流应该是这样的：

获取元数据-->获取属性的名称

设置“HTML”中属性的名称以调用正确的属性

使用之前定义的属性获取实际数据

创建表

{{person[attr.id]}

好吧，那么这是怎么回事

根据你的想法，如果我们得到了你想要显示的属性，然后使用对象作为

这确实需要属性id和属性匹配。

{{person[attr.id]}

好吧，那么这是怎么回事

根据你的想法，如果我们得到了你想要显示的属性，然后使用对象作为

---

这确实需要属性id和属性匹配。

您这样说的确切含义是什么：“在-标记之间，数据不是动态获取的，而是静态获取的”？您的小提琴包含错误，请更新code@AnmolMittal我修正了密码。还进一步描述了我的问题：“在-标记之间，数据不是动态获取的，而是静态获取的”？您的小提琴包含错误，请更新code@AnmolMittal我修正了密码。也多描述了我的问题

<div ng-controller="MyCtrl">
  <table border="1">
    <tr ng-repeat="person in persons">
       <td ng-repeat="attr in query.attribs">
         {{person[attr.id]}}
       </td>
    </tr>  
  </table>
</div>