Javascript 使用angularjs为html表显示动态列名

Javascript 使用angularjs为html表显示动态列名,javascript,angularjs,asp.net-mvc,Javascript,Angularjs,Asp.net Mvc,我刚刚准备了一个数据并希望在html表中显示,但问题是每次调用$http服务时,它都返回n个列。所以基本上我想显示的是,第一行数据应该用于列名,其余的是行。确保列名不是固定的,可能有n个列。以下是样本数据: [[“产品”,20162017],“A”,50.92550],“B”,10,0],“C”,20,0]] 或 [[“产品”,20162017],“A”,80,50.92550],“B”,20,10,0],“C”,75,20,0],根据提供的数据,试试看 <table> <

我刚刚准备了一个数据并希望在html表中显示,但问题是每次调用$http服务时,它都返回n个列。所以基本上我想显示的是,第一行数据应该用于列名,其余的是行。确保列名不是固定的,可能有n个列。以下是样本数据:

[[“产品”,20162017],“A”,50.92550],“B”,10,0],“C”,20,0]]
或

[[“产品”,20162017],“A”,80,50.92550],“B”,20,10,0],“C”,75,20,0],
根据提供的数据,试试看

<table>
  <thead ng-repeat="columns in NewTable | limitTo:1">
    <tr ng-repeat="column in columns">
      <th>{{ column }}</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="rows in NewTable.slice(1,NewTable.length)">
      <td ng-repeat="row in rows">{{ row }}</td>
    </tr>
  </tbody>
</table>

{{column}}
{{row}}

其中NewTable是角度控制器/组件中的数据数组。

Mathias W,请参阅我的更新问题。同时将角度代码张贴在构建数据的位置。Ali Baig,事实上,我的角度代码非常复杂,这就是为什么我不打算发布所有可能会让其他人难以理解的东西,或者可能需要更长的时间来解决问题。好的,我在下面添加了我的答案,基于我对给定数据的理解。请发布您的反馈。它确实使第一行与其他行分开,但我如何才能获取每个对象的值。我的意思是,它以这种形式显示数据:[“积”,20162017][“A”,50.92550][“B”,10,0][“C”,20,0],而且在这之后,我想对计算字段使用一些角度过滤器,如sum,avg…等。是的,我做了一些事情:{{ent},它工作起来很有魅力,但是我可以再次将角度过滤器与这些一起使用吗。@Saleem我已经根据您的第一条评论更新了我的答案,尝试看看它现在是否有效。是的,您可以为此创建一个自定义过滤器,并在ng repeat块结束后使用它。这将是小菜一碟;)Ali Baig,我可以使用角度fitler在每行末尾附加一个计算列吗?