javascript – 如何在AngularJS中实现jQuery范围滑块

前端之家收集整理的这篇文章主要介绍了javascript – 如何在AngularJS中实现jQuery范围滑块前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在我现有的AngularJS应用程序中使用 anuglar-slider.

我遵循作者的评论here

我从作者的github下载了下面的文件(头标记),并添加到我的index.html中

HTML代码

<head>  

<link rel="stylesheet" href="css/angular-slider.css">
<script src="js/vendor/angular-slider.js"></script>

</head>
<body>

  <slider floor="10" ceiling="60" ng-model-low="lowValue" ng-model-high="highValue"></slider>

</body>

App.js(角色代码).我根据作者的指示添加了第二行,我怀疑我在那里做错了

var app = angular.module('myApp',[])
angular.module('uiSlider',[]);

app.constant('Config',{
    baseURL : "http://blah",httpTimeout : 36000
});
app.config(function($logProvider) {
    $logProvider.debugEnabled(true);
});
 //and some other app specific code follows

浏览器中没有任何滑块渲染.然而,应用程序中较早的角色特定功能仍然可行,浏览器控制台中没有错误.

如果您无法找到上述问题,请随时建议在AngularJS应用程序中实现范围滑块.

我对AngularJS很新

让我知道,如果你喜欢我在这里发布作者的图书馆文件代码.

解决方法

好的,我在准备时发现了一些麻烦,但现在它正在运作:

造成麻烦:

>需要angularjs版本1.1.4或更高版本
>你需要slider-template.html文件
>和@Pascal一样说你需要包括uiSlider

var app = angular.module('myApp',['uiSlider'])

>我为你准备了下面的工作演示.我希望它能帮助你

DEMO

原文链接:https://www.f2er.com/jquery/153200.html

猜你在找的jQuery相关文章