ng导出表格

1.html

<a target="_blank" class="file" ng-href="{{hisRPCtrl.wzExportUrl}}">导出表格</a>

2.js

//相应控制器中的代码

var vm = this;  //this相当于$scope

var str = 'count='+vm.qualityRTHisListPageNum+'&search='+(vm.searchKey !== 'historyTestRecordPageCtrl' ? vm.searchKey : '');

  vm.exportTestHistory =afterSaleService.exportTestHistory(str);

//service中的代码

  var ddpaiAdminApp = angular.module('ddpAdminApp');
ddpaiAdminApp.factory('afterSaleService', ['$http', 'serverAddr', '$q', 'isDebug', function ($http, serverAddr, $q, isDebug) {
    var afterSaleService = {},
      baseUrl = serverAddr.normal + '/quality/api/v2/';
    // 测试历史列表导出
    afterSaleService.exportTestHistory = function (str) {
       // var param = 'count='+num+'&key='+(key !=='historyTestRecordPageCtrl'?key :'');
       console.log(str)
        return (baseUrl + 'quality/repair/exportTestHistory?' + str);
    };
    return afterSaleService;
}]);

3.css

.file {
  /*width: 116px;*/
  /*width: 140px;*/
  position: relative;
  display: inline-block;
  background: #188ae2;
  border: 1px solid #188ae2;
  border-radius: 4px;
  padding: 0 10px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  text-align: center;
  text-indent: 0;
  line-height: 32px;
  height: 32px;
  font-size: 16px;
}