以下是一个使用AngularJS保存Excel文件并稍后显示的示例代码:
HTML模板:
JavaScript控制器:
app.controller('ExcelController', function($scope) {
$scope.data = [
{ name: 'John', age: 25, city: 'New York' },
{ name: 'Jane', age: 30, city: 'London' },
{ name: 'Bob', age: 35, city: 'Paris' }
];
$scope.saveExcel = function() {
var csvData = 'Name,Age,City\n';
angular.forEach($scope.data, function(item) {
csvData += item.name + ',' + item.age + ',' + item.city + '\n';
});
var blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
var downloadLink = angular.element('');
downloadLink.attr('href', window.URL.createObjectURL(blob));
downloadLink.attr('download', 'data.csv');
downloadLink[0].click();
};
$scope.showExcel = function() {
var table = '';
table += 'Name Age City ';
angular.forEach($scope.data, function(item) {
table += '' + item.name + ' ' + item.age + ' ' + item.city + ' ';
});
table += '
';
angular.element('#excelContainer').empty().append(table);
};
});
在这个示例中,我们通过点击“保存Excel”按钮将数据导出为CSV格式的Excel文件,并通过点击“显示Excel”按钮将数据以HTML表格的形式显示在页面上。