2014-12-02 6 views
1

Я пытаюсь реализовать filesaver.js используя meanjs. Но это не работает.AngularJS - как добавить filesaver.js в библиотеку meanjs

Можно ли использовать его со средним значением ??

Я выполнил следующие шаги.

1- после установки filesaver загрузки файла через беседку с помощью команды:

bower install file-saver --save 

2- я имею включить ссылку на fileSaver.js файлы в моей странице макета приложения в файле: Config \ окр \ все. JS, как это:

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- затем я включил filesaver как зависимость в моем угловом приложении, в файле: Public \ config.js, путем добавления «fileSaver» в конце массива в этой строке:

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

4- Я пытаюсь экспортировать на XL-лист, используя следующий код моего клиентского контроллера myjsjs.

$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'); 
}; 

Я не могу использовать хранитель файла на мой взгляд. Он предупреждает, что «saveAs» не определен.

спасибо.

+0

Я бы использовал чистый javascript. Использование MEAN не означает (каламбур не предназначен), вам нужно идти по Угловому пути. Я не эксперт JS, но вы не можете просто добавить чистую JS-библиотеку и предположить, что вы можете «импортировать» ее через инъекцию зависимостей. Я предлагаю вам создать сервис, разместить там весь чистый javascript, код в «чистом» javascript (файловая система JS-библиотеки) и вернуть результат операций CRUD, выполняемых файловым файлом. Затем вы просто подключаете свое обслуживание через DI к контроллеру и voilà. –

ответ

1

Я удалил файл заставки из приложенияModuleVendorDependencies и работал

Смежные вопросы