AngularJS - wie Sie filesaver.js zu meanjs Bibliothek

Bin versucht zu implementieren filesaver.js mit meanjs. Aber es funktioniert nicht.

Ist es möglich, um es mit meanjs??

Habe ich befolgt die unten aufgeführten Schritte.

1 - nach der Installation filesaver Datei-upload über bower mit dem Befehl:

bower install file-saver --save

2 - I include-Verweis auf fileSaver.js Dateien in meinen Programm-layout-Seite in der Datei: config\env\all.js wie diese:

assets: {
        lib: {
            css: [
                'public/lib/bootstrap/dist/css/bootstrap.css',
                'public/lib/bootstrap/dist/css/bootstrap-theme.css'               
            ],
            js: [
                'public/lib/angular/angular.js',
          'public/lib/file-saver/FileSaver.min.js',
                'public/lib/file-saver/FileSaver.js',
                ]
            },

3 - dann habe ich filesaver als Abhängigkeit in meinem angular-Anwendung, in der Datei: public\config.js durch das hinzufügen von 'fileSaver' am Ende der Reihe in dieser Zeile:

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies',  'ngAnimate',  'ngTouch',  'ngSanitize',  'ui.router', 'ui.bootstrap', 'ui.utils', 'fileSaver'];

4 - ich bin versucht zu export in ein XL-sheet mit dem folgenden code aus meiner meanjs client-controller.

$scope.export = function($event) {
$event.preventDefault();
$event.stopPropagation();
var blob = new Blob([document.getElementById('exportable').innerHTM], {
    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
});
saveAs(blob, 'Report.xls');
};

Ich bin nicht in der Lage zu verwenden Sie die Datei saver in meinen Augen. Es warnt, die sagen, 'saveAs' ist nicht definiert.

Danke.

Ich würde mit reinem javascript. Mit bedeutet nicht (kein Wortspiel beabsichtigt) Sie haben zu gehen, der Winkel Weg. Ich bin kein JS-Experte, aber Sie können nicht fügen Sie einfach eine Reine JS-Bibliothek und nehme an, Sie können "importieren" es über dependency injection. Ich schlage vor, Sie einen Dienst entwickeln, setzen alle reinen javascript in es, code in ein "reines" javascript (fileSaver JS-Bibliothek) und das Ergebnis von CRUD-Operationen durch fileSaver. Dann haben Sie gerade den Draht, der Ihren service über DI in den controller und schon ist es passiert.

InformationsquelleAutor Adithi | 2014-12-02

Schreibe einen Kommentar