AngularJS"垂直"ng重复

假设我们有一组JSON格式的人.每个实体都有大约100个属性.使用ng-repeat的标准方法:

...

  Attribute1
  Attribute2
  ...
  AttributeN

...

  {{ obj.attr1 }}
  {{ obj.attr1 }}
  ...
  {{ obj.attrN }}

产生下表:

Attribute1 | Attribute2 | ... | AttributeN
------------------------------------------
value1.1   | value1.2   | ... | value1.N
value2.1   | value2.2   | ... | value2.N
...
valueN.1   | valueN.2   | ... | valueN.N

而不是这个,我需要:

Attribute1 | value1.1 | value2.1 | ... | valueN.1
Attribute2 | value1.2 | value2.2 | ... | valueN.2
...        | ...      | ...      | ... | ...
AttributeN | value1.N | value2.N | ... | valueN.N

所以问题是:我如何实现这一目标？

没有"手工"操作(js-jQuery),不留下角度世界 - 会有一些事件处理程序等.

小智.. 5

如果我理解你想要实现的目标,那么你就是这样做的:

  

    
{{key}}
    

      {{person[key]}}
    
  

假设您的数据是具有相同属性的对象数组,则迭代数组中的第一个对象以获取键,这将生成垂直表标题.

之后,迭代整个数组,只输出特定键的值.这是一个显示输出的小提琴:

http://jsfiddle.net/andreiho/huL8pvmg/1/

当然,如果要手动定义标题的名称,则必须更改内容.此示例仅获取数据中的键.您还可以在将数据发送到视图之前对其进行操作,因此您只需发送所需的密钥.

如果我理解你想要实现的目标,那么你就是这样做的:

  

    
{{key}}
    

      {{person[key]}}
    
  

假设您的数据是具有相同属性的对象数组,则迭代数组中的第一个对象以获取键,这将生成垂直表标题.

之后,迭代整个数组,只输出特定键的值.这是一个显示输出的小提琴:

http://jsfiddle.net/andreiho/huL8pvmg/1/

当然,如果要手动定义标题的名称,则必须更改内容.此示例仅获取数据中的键.您还可以在将数据发送到视图之前对其进行操作,因此您只需发送所需的密钥.