如何将angular ui滑块包含到我的应用程序中?(TypeError:elm.slider不是函数）

How to include angular-ui-slider into my application? (TypeError: elm.slider is not a function)

本文关键字：TypeError elm slider 函数 应用程序 ui angular 我的 包含      更新时间：2023-09-26

包含angular 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.js？你需要在滑动之前加载它。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/

相关文章：