如何将angular生成的table从数据库导出为csv格式?
How to export the angular generated table from database to the csv format?
index.html
http://pastie.org/10777655
app.js
http://pastie.org/10777651
我是 angularjs 的新手。有人可以解决这个问题吗?如果它不起作用,请重新加载 pastie url。
查看 ngCsv 文档后发现您的应用程序存在错误。
1) ngCsv 模块具有您未包含的 ngSanitize 依赖项。
2) ng-csv="getArray()" 可以是表达式、值或承诺。但在你的情况下,我认为有些地方不对。
var app = angular.module('mainApp',['ngSanitize','ngCsv']);
app.controller('myCtrl',function($scope,$http){
var endpoint = 'http://localhost:8080';
$scope.show_table = true;
$scope.ShowSearchTab= true;
$scope.hideTable = function(){
$scope.show_table = false;
};
$scope.ClickShow = function(){
$scope.ShowSearchTab = true;
};
$scope.test = [
{'companyname':'Company 1', 'streetaddress':'Address 1', 'executive':'exe 1', 'webaddress':'www.example1.com', 'dunsno':'xxx', 'leadid':'yyy'},
{'companyname':'Company 2', 'streetaddress':'Address 2', 'executive':'exe 2', 'webaddress':'www.example2.com', 'dunsno':'xxx', 'leadid':'yyy'},
{'companyname':'Company 3', 'streetaddress':'Address 3', 'executive':'exe 3', 'webaddress':'www.example3.com', 'dunsno':'xxx', 'leadid':'yyy'},
{'companyname':'Company 4', 'streetaddress':'Address 4', 'executive':'exe 4', 'webaddress':'www.example4.com', 'dunsno':'xxx', 'leadid':'yyy'}
]
$scope.getArray = function(){
return $scope.test;
}
});
工作 Plunkr 在这里 https://plnkr.co/edit/K5l3snujJ3GQtPyjRJLZ?p=preview
index.html http://pastie.org/10777655
app.js http://pastie.org/10777651
我是 angularjs 的新手。有人可以解决这个问题吗?如果它不起作用,请重新加载 pastie url。
查看 ngCsv 文档后发现您的应用程序存在错误。
1) ngCsv 模块具有您未包含的 ngSanitize 依赖项。
2) ng-csv="getArray()" 可以是表达式、值或承诺。但在你的情况下,我认为有些地方不对。
var app = angular.module('mainApp',['ngSanitize','ngCsv']);
app.controller('myCtrl',function($scope,$http){
var endpoint = 'http://localhost:8080';
$scope.show_table = true;
$scope.ShowSearchTab= true;
$scope.hideTable = function(){
$scope.show_table = false;
};
$scope.ClickShow = function(){
$scope.ShowSearchTab = true;
};
$scope.test = [
{'companyname':'Company 1', 'streetaddress':'Address 1', 'executive':'exe 1', 'webaddress':'www.example1.com', 'dunsno':'xxx', 'leadid':'yyy'},
{'companyname':'Company 2', 'streetaddress':'Address 2', 'executive':'exe 2', 'webaddress':'www.example2.com', 'dunsno':'xxx', 'leadid':'yyy'},
{'companyname':'Company 3', 'streetaddress':'Address 3', 'executive':'exe 3', 'webaddress':'www.example3.com', 'dunsno':'xxx', 'leadid':'yyy'},
{'companyname':'Company 4', 'streetaddress':'Address 4', 'executive':'exe 4', 'webaddress':'www.example4.com', 'dunsno':'xxx', 'leadid':'yyy'}
]
$scope.getArray = function(){
return $scope.test;
}
});
工作 Plunkr 在这里 https://plnkr.co/edit/K5l3snujJ3GQtPyjRJLZ?p=preview