Html 使用ng repeat切换列和行

我试图根据对象数组生成一系列行。我试图生成一系列列，显示对象的每个属性（每个属性都相同），行显示属性值

我目前正在使用以下代码

<div ng-controller="HomepageController" >

<!-- form holding the name -->
  <form td-ui-grid-row ng-controller="HomepageController" 
    ng-submit="vm.addData()" class="form-inline party-form" ng-repeat="dataEntry in vm.dataList">
    <div td-ui-grid-col="3xs" ng-repeat="dataContent in dataEntry">
      dataContent:{{dataContent}}
    </div>

  </form>

</div>

---

请在下面做。您将创建两个循环，一个用于name，一个用于phone

<div><span ng-repeat="contact  in vm.data">{{contact.name}}</span></div>
<div><span ng-repeat="contact in vm.data">{{contact.phone}}</span></div>

{{contact.name}
{{contact.phone}

请执行以下操作。您将创建两个循环，一个用于name，一个用于phone

<div><span ng-repeat="contact  in vm.data">{{contact.name}}</span></div>
<div><span ng-repeat="contact in vm.data">{{contact.phone}}</span></div>

{{contact.name}
{{contact.phone}

这只需要在数据中循环多次，每次提取一个属性

<table>
  <tr>
    <td ng-repeat="person in data">{{person.name}}</td>
  </tr>
  <tr>
    <td ng-repeat="person in data">{{person.phone}}</td>
  </tr>
</table>

{{person.name}
{{person.phone}

---

这只需要在数据中循环多次，每次提取一个属性

<table>
  <tr>
    <td ng-repeat="person in data">{{person.name}}</td>
  </tr>
  <tr>
    <td ng-repeat="person in data">{{person.phone}}</td>
  </tr>
</table>

{{person.name}
{{person.phone}

---

---

我试过这样做，但我似乎遇到了相同的问题：姓名和电话在同一行，而不是所有的姓名都在一行。你会创建两个ng重复循环。我刚刚在我的帖子中添加了简化和更新的代码，但是，我仍然遇到同样的问题。我似乎无法在同一行中发布我尝试过这个，但我似乎遇到了相同的问题，姓名和电话在同一行中，而不是所有的姓名都在一行中。你会创建两个ng重复循环。我刚刚在我的帖子中添加了简化和更新的代码，但是，我仍然遇到同样的问题。我好像不能在同一排发帖了。太谢谢你了！但是，行数是可变的（可能是3个属性，可能是100），因此我无法通过person.name和person.phone访问它们，等等。还有什么东西可以循环浏览对象的属性吗？我也在帖子的底部添加了我的更新代码。我不确定我是否理解你说你不能通过属性名访问它们？你是说每个人的属性都不同吗？所以对于我的数据集，我不知道每个人（对象）是有两个属性（姓名、电话），还是有无限多个属性。因此，我需要能够为可能出现的每个属性创建一行，以循环的方式与手动方式相反。您的数据的结构不可能做到这一点。非常感谢！但是，行数是可变的（可能是3个属性，可能是100），因此我无法通过person.name和person.phone访问它们，等等。还有什么东西可以循环浏览对象的属性吗？我也在帖子的底部添加了我的更新代码。我不确定我是否理解你说你不能通过属性名访问它们？你是说每个人的属性都不同吗？所以对于我的数据集，我不知道每个人（对象）是有两个属性（姓名、电话），还是有无限多个属性。因此，我需要能够在循环中为可能出现的每个属性创建一行，而不是手动创建。您的数据的结构化方式不可能做到这一点。我已经提出了一种新的潜在方式来实现您想要的结果；然而，我认为我需要更多的信息，因为您似乎正在使用某种网格指令，我想让它与此一起工作。您使用的网格指令是什么？我想您指的是“td ui网格行”，对吗？或者你是在说“主页控制器？td ui网格行类型行yesok，我在上面的帖子中添加了td ui网格行指令。同时，感谢您迄今为止的所有帮助！这对像我这样的新手来说意义重大：）那么该指令只是在添加CSS？如果是这样的话，我将使用现有的表格元素编辑我的答案，希望你能看到如何修改它，因为你的cssI已经找到了一种新的潜在方法来实现你想要的结果；然而，我认为我需要更多的信息，因为您似乎正在使用某种网格指令，我想让它与此一起工作。您使用的网格指令是什么？我想您指的是“td ui网格行”，对吗？或者你是在说“主页控制器？td ui网格行类型行yesok，我在上面的帖子中添加了td ui网格行指令。同时，感谢您迄今为止的所有帮助！这对像我这样的新手来说意义重大：）那么该指令只是在添加CSS？如果是这样的话，我将使用现有的表元素编辑我的答案，希望您能看到如何为css修改它