J'essaie d'utiliser anuglar-slider dans mon application AngularJS existante.
J'ai suivi les commentaires de l'auteur ici
J'ai téléchargé les fichiers ci-dessous (dans la balise Head) à partir du github de l'auteur et ajouté dans mon index.html
Code 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 (code angulaire). J'ai ajouté la deuxième ligne selon les instructions de l'auteur, je soupçonne que j'ai fait quelque chose de mal là-bas
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
Je ne vois aucun rendu de curseur dans le navigateur. Cependant, la fonctionnalité spécifique Angular plus ancienne dans l'application fonctionne toujours et il n'y a pas d'erreur dans la console du navigateur.
Si vous ne trouvez pas le problème ci-dessus, n'hésitez pas à suggérer toute autre façon d'implémenter un curseur de gamme dans l'application AngularJS.
Je suis assez nouveau chez AngularJS
Permettez-moi de savoir si vous me souhaitez publier également le code de fichier de bibliothèque de l'auteur.
D'accord, j'ai trouvé des problèmes lors de la préparation de ce document, mais maintenant il fonctionne:
Troubles fondés:
1.1.4 or higher
slider-template.html
Et comme @Pascal a déclaré que vous devez inclure uiSlider
:
var app = angular.module('myApp', ['uiSlider'])
DEMO