微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/jquery/153200.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐