ReferenceError при использовании внешней библиотеки в angular 1.6 - PullRequest
Новая
       8

ReferenceError при использовании внешней библиотеки в angular 1.6

0 голосов
/ 27 мая 2018

Я пишу простое приложение с использованием Java и Angular 1.6.Для управления зависимостями я использую webjars, определенные в pom.xml.Я пытаюсь использовать flatpickr (js library) и Angular-flatpickr.Я добавил две строки в файл index.html: (в этом порядке) 

<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="webjars/angular-flatpickr/2.0.0/dist/ng-flatpickr.js"></script>

Далее я добавил строку, подобную этой: 

var module = angular.module('atApp.somemodule', [
'angular-flatpickr' 
]);

И настройки: 

$scope.dateOpts = {
    dateFormat: 'Y-m-d',
    defaultDate: '2016-03-01 03:30:00 -0300'
};

$scope.datePostSetup = function(fpItem) {
    console.log('flatpickr', fpItem);
}

И я пытаюсь использовать это: 

<input ng-flatpickr fp-opts="dateOpts" fp-on-setup="datePostSetup(fpItem)" ng-model="date.selectedDateObj" data-enabletime="true">

Тогда я получаю: 

ReferenceError: Flatpickr is not defined
    at Object.link (ng-flatpickr.js:18)
    at angular.js:1351
    at angular.js:10694
    at invokeLinkFn (angular.js:10700)
    at nodeLinkFn (angular.js:10077)
    at compositeLinkFn (angular.js:9350)
    at compositeLinkFn (angular.js:9353)
    at nodeLinkFn (angular.js:10071)
    at angular.js:10416
    at processQueue (angular.js:17374) "<input ng-flatpickr="" fp-opts="dateOpts" fp-on-setup="datePostSetup(fpItem)" ng-model="date.selectedDateObj" data-enabletime="true" class="ng-pristine ng-untouched ng-valid ng-isolate-scope">"

Есть что-то, что я пропустил?(Я новичок в JavaScript).Я читал об использовании 'require' и 'import', но это, вероятно, не путь.

1 Ответ

0 голосов
/ 27 мая 2018

У вас несоответствие версий.Попробуйте использовать ng-flatpickr v3.0.0

...