Question

我正在使用Java和Angular 1.6编写简单的应用程序。对于依赖关系管理，我使用的是在pom.xml中定义的webjars。我正在尝试使用flatpickr（js库）和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'的内容，但这可能无法实现。

Answer 1

您的版本不匹配。尝试使用ng-flatpickr v3.0.0

在角度1.6中使用外部库时的ReferenceError

1 个答案: