动态列表和 Ng-Repeat

Question

我旋转了一个表格并通过 webapi controller 将其返回给我的 angurlarjs controller。根据返回方式，列标题是动态的。

问题：如何使用ng-repeat 和table 显示它？

网络接口：

 [System.Web.Http.HttpGet]
        public IEnumerable<dynamic> GetPayrollSampleList(int payrollId)
        {
                int schoolId = Convert.ToInt32(UserDataPieces(2));
                int schoolBranchId = Convert.ToInt32(UserDataPieces(5));

                DataTable dt = new DataTable();
                dt = unitOfWork.FinanceRepository.GetPayrollSampleList(payrollId, schoolBranchId, schoolId);

                        foreach (DataRow row in dt.Rows)
                        {
                            ExpandoObject dynamicDto = new ExpandoObject();

                            foreach (DataColumn column in dt.Columns)
                            {
                                ((IDictionary<String, Object>)dynamicDto).Add(column.ColumnName, row[column.ColumnName]);
                            }

                            yield return dynamicDto;
                        }
        }

angularjs：

 $scope.loadGrid = function (payrollId) {
        dataService.getItems(baseAddress + '/GetPayrollSampleList', { payrollId: payrollId })
                .success(function (data) {
                    $scope.myData = data;
            })
                .error(function () {
                    toastr.error("Error loading payroll");
            });
    };

用户界面：

Answer 1

所以你已经成功地将 $scope.myData 拉回二维数组，第一行是标题？工作小提琴http://jsfiddle.net/joshuaohana/1nhcf4g6/1/

<table>
  <tr ng-class='{header:$first}' ng-repeat="row in myData">
    <td ng-repeat="column in row">
      {{column}}
    </td>
  </tr>
</table>