Как включить angular-ui-slider в мое приложение? (TypeError: elm.slider не является функцией)

0

Каковы современные инструкции по включению углового-ui-слайдера?

я сделал

bower install angular-ui-slider --save

затем дополнительно

  <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
  <script type="text/javascript" src="bower_components/jquery-ui/ui/jquery.ui.slider.js"></script>
  <script type="text/javascript" src="bower_components/angular-ui-slider/src/slider.js"></script>

а также добавлена зависимость в app.js

var pdkApp = angular.module('pdkApp', [
  'ngRoute',
  'pdkControllers',
...
  'ui.slider'
]);

но имеют следующую ошибку:

TypeError: elm.slider is not a function
    at init (slider.js:45)
    at slider.js:54
    at angular.js:7478
    at Scope.$eval (angular.js:16052)
    at Scope.$digest (angular.js:15870)
    at Scope.$apply (angular.js:16160)
    at done (angular.js:10589)
    at completeRequest (angular.js:10787)
    at XMLHttpRequest.requestLoaded (angular.js:10728)
Теги:
angular-ui
jquery-ui-slider

1 ответ

1
Лучший ответ

Когда вы загружаете angular.js? Вам нужно загрузить его перед slider.js

<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-ui-slider/src/slider.js"></script>

пример: http://jsfiddle.net/6xta5pd0/

Поделиться
  • 0
    Я делаю раньше. Где узнать все такие требования?
  • 0
    Это работает сейчас? Вы должны загрузить jquery перед загрузкой angular.js, если вы явно укажете jquery и вам нужно загрузить angular.js перед всеми остальными угловыми библиотеками.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню