Javascript 使用ng csv将HTML页面中的表格导出到Excel

我用约曼角发电机做了一个简单的项目。我用这个做了一张桌子

以下是我的main.html：

<div ng-controller="MainCtrl">
<button type="button" ng-csv="getArray" csv-header="getHeader()" filename="test.csv">Export</button>
</div>

<div class="row">
        <div class="col-xs-12 table">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>No.</th>
                        <th>ID Pel.</th>
                        <th>Cust ID</th>
                        <th>Meter SN</th>
                        <th>Readingpoint</th>
                        <th>Last Dial</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="pop in tableData">
                        <td>{{pop.No}}</td>
                        <td>{{pop.idPel}}</td>
                        <td>{{pop.custID}}</td>
                        <td>{{pop.uSN}}</td>
                        <td><a ui-sref="app.bill_detail3">{{pop.metername}}</a></td>
                        <td>17-02-2015 | 16.00</td>
                        <td><span class="label label-success">Online</span></td>
                    </tr>

                </tbody>
            </table>
        </div>
        <!-- /.col -->
    </div>

这是我的控制器/main.js：

angular.module('simpleApp')
  .controller('MainCtrl', function ($scope, main) {
    this.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];

    $scope.getHeader = function () {return ["No.", "ID Pel.", "Cust ID", "Meter SN", "Readingpoint", "Last Dial", "Status"]};


    $scope.tableData = [];
    $scope.meterCount = 0;

    main.getPopList().then(function(data){
        var no = 0;
        for (var i = 0; i < data.length; i++) {
            for (var j = 0; j < data[i].d.readpoint.length; j++) {
                $scope.tableData.push({
                    'No': ++no,
                    '_id': data[i]._id,
                    'siteID': data[i].d.siteID,
                    'uSN': data[i].d.readpoint[j].uSN,
                    'idPel': data[i].d.readpoint[j].idPel,
                    'custID': data[i].d.readpoint[j].custID,
                    'metername': data[i].d.readpoint[j].metername
                });
            }
        }

      $scope.getArray = [{a:'No', b:'_id', c:'siteID', d:'uSN', e:'idPel', f:'custID', g:'metername'},
      {a:'No', b:'_id', c:'siteID', d:'uSN', e:'idPel', f:'custID', g:'metername'}];


        $scope.meterCount = no;
    }, function(){ });

  });

angular.module（'simpleApp'））
.controller（'MainCtrl'，函数（$scope，main）{
这是一个令人敬畏的事物=[
“HTML5样板文件”，
“AngularJS”，
“因果报应”
];
$scope.getHeader=function（）{return[“No.”，“ID Pel.”，“Cust ID”，“Meter SN”，“Readingpoint”，“Last Dial”，“Status”]}；
$scope.tableData=[]；
$scope.meterCount=0；
main.getPopList（）.then（函数（数据）{
var no=0；
对于（变量i=0；i

网络看起来是这样的：

我想将所有表格内容（标题和内容本身）导出到Excel（.xls）

我该怎么做

哦，我现在正在使用ng csv。现在的结果是这样的：

---

将按钮属性值更改为tableData

<button type="button" ng-csv="tableData" csv-header="getHeader()" filename="test.csv">Export</button>

导出

<button type="button" ng-csv="tableData" csv-header="getHeader()" filename="test.csv">Export</button>