尝试将NG-CSV与NG-Grid一起使用

Question

我正在尝试使用NG-CSV导出与NG-Grid一起显示的数据。目前，我的模块看起来像这样：

var app = angular.module('myApp', ['ngGrid']);    

似乎我应该只能在[]中添加ngCsv依赖项（假设我的html文件正确链接到ng-csv.js文件），如下所示：

var app = angular.module('myApp', ['ngGrid','ngCsv']);   

但是，每当我以这种方式尝试时，我的网格就会消失。有什么建议吗？

Answer 1

导出到CSV是一个ng-grid插件，它不是一个完整的单独模块，所以你不要将它添加到Angular依赖项中。

而是将其添加到gridOptions中。您还需要确保页脚已启用，以便您可以看到按钮

plugins: [new ngGridCsvExportPlugin()],
showFooter: true

Answer 2

因为ngCsv需要消毒，所以你的angularjs应用程序会中断，你会看到网格消失。

如果您看到ngCsv example，它的工作原理是使用Angularjs 1.1.5。

如果您使用AngularJS 1.2.0及更高版本，则需要添加如下所示的ngSanitize模块：

var app = angular.module('myApp', ['ngSanitize', 'ngGrid', 'ngCsv']);

Plunker