如何生成带角度js的复杂表格

时间:2015-10-30 16:24:38

标签: angularjs

我有这样的数据: people = [{ name: 'mary', item: [{tk:1},{fk:2},{ik:3}] }, { name: 'sano', item: [{tk:4},{fk:5},{ik:6}] }] 我想生成一个这样的表:

mary sano tk 1 4 fk 2 5 ik 3 6

我是初学者,我知道如何使用标题生成表格。

2 个答案:

答案 0 :(得分:0)

您可以使用https://github.com/samu/angular-table

之类的指令

它使用简单的API生成一个漂亮的表,它非常简单。

以下是演示:http://samu.github.io/angular-table/examples/examples.html

答案 1 :(得分:0)

这不是代码编写服务,但我会解释您需要的工具。您应该手动执行此操作,而不是使用魔术库。

使用 ng-repeat 循环遍历people元素,并显示" name"值。您可以使用{{}}语法

输出值
<table>
  <tbody ng-repeat="person in people">
      <th>
      {{person.name}}
      </th>
  </tbody>
     .. rest of code here
</table>

您可以使用此模式渲染其余数据值。